jQuery「this」加上其他選擇器？

Question

是否可以合併$(this)與$('.someclass')？

例如：$(this + ', .someclass').hover();

我正在嘗試使用懸停操作來爲非後代類設置動畫。我希望類元素動畫是否「it」，又名$（'。someclass'）或$（this）被徘徊。

我希望這可以完成，而無需創建2個單獨的懸停操作。

Answer 1

您可以使用jQuery的.add()。

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

Answer 2

的另一個選項是使用jQuery find()

$(this).find('.someclass').hover(); 

Answer 3

您可以使用選擇背景：http://api.jquery.com/jQuery/#jQuery-selector-context

$('+ .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; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="sibling1">Sibling 1</div> 
 
<div class="sibling2">Sibling 2</div>