如何選擇任何與類列表匹配的輸入？

Question

此代碼的工作，因爲我需要：

$('input[class="plus"], input[class="minus"]').mousedown(function() {  
     //..doing something 
    }); 

---

我想要的東西是一樣的東西：

$('input[class="plus minus"]').mousedown(function() {    
     //..doing something 
    }); 

或類似：

$('input[class="plus"][class="minus"]').mousedown(function() {    
     //..doing something 
    }); 

的選擇應選擇任何輸入，有plus類或minus。

必須有一些其他的語法，但我不知道一個。

Answer 1

我建議：

$('input.plus, input.minus').mousedown(function() {    
    //..doing something 
}); 

......這樣輸入上的其他類就不會讓你跳過它們。如果您使用屬性等於選擇器（您的input[class="plus"]），則只有在input上的只有類爲"plus"時纔會匹配。所以它會匹配<input class="plus">而不是<input class="plus foo">。通常你想要在元素上有其他類的靈活性。

或者，你可以做此：

$('input').filter('.plus, .minus').mousedown(...); 

...但它很可能是低效率的：首先，它將使jQuery的查找所有input元素，然後分別進行過濾結果只是那些類的結果。所以我不會推薦它。

Answer 2

正確的語法使用逗號像你指出來了的選擇符，但選擇應該這樣寫：

$('input.plus, input.minus').mousedown(function() {  
    //..doing something 
}); 

作爲最後一種選擇，你可以使用.add：

$('input.plus') 
    .add($('input.minus')) 
    // possibly add more elements here 
    .mouseover(...); 

Answer 3

$('input.plus, input.minus').mousedown(function() {  
    //..doing something 
}); 

Answer 4

我會去結合

$onInputMouseDown = function() { 
    .... 
} 

$(".plus").bind("mousedown",$onInputMouseDown); 
$(".minus").bind("mousedown",$onInputMouseDown);