jQuery“this”加上其他选择器?

时间:2011-12-30 17:43:13

标签: jquery hover

是否可以将$(this)$('.someclass')合并?

示例:$(this + ', .someclass').hover();

我试图使用悬停动作来为非后代类设置动画。我想让class元素动画是否“it”,又名$('。someclass')或$(this)悬停。

我希望在不创建2个单独的悬停操作的情况下完成此操作。

2 个答案:

答案 0 :(得分:17)

您可以使用jQuery的.add()

$(this).add('.someClass').hover();

答案 1 :(得分:1)

您可以使用选择器上下文:http://api.jquery.com/jQuery/#jQuery-selector-context

yum

以下是一个示例:将鼠标悬停在第一个兄弟姐妹身上,第二个兄弟姐妹的背景颜色将会改变。



$('+ .someclass', this).hover();

$('.sibling1').hover(
  function() {
    $('+ .sibling2', this).css({"background":"#ff0"});
  },
  function() {
    $('+ .sibling2', this).css({"background":"#eee"});
  }
);

div {
  padding:5px;
  background:#eee;
  margin-bottom:5px;
  display:inline-block;
  cursor:pointer;
}