jQuery一次性向多個div添加效果

Question

是否有可能將jQuery方法（如.hide（）一次應用於具有不同id參數的多個div。

單個DIV的例子是：

$（ 「＃行動的div」）點擊（ 函數（）{$（ 「＃一些-DIV對隱藏」），隱藏（」。快「）;} ）;

這可以用多個不同ID的div完成，而不必多次處理.click事件。

Answer 1

逗號單獨的ID列表。

$("#action-div, #anotherId, #yetAnotherId").click(function(){ 

}); 

Answer 2

您可能希望在要操作的div上使用class屬性，然後在選擇器中指定類。

<div class="actiondiv" ...> 

然後

$(".actiondiv").click(...) 

Answer 3

最簡單的方法是把所有的IDS同一類及更高版本：

$(".some_class").click(function(){.....}); 

Answer 4

你總是可以將單個類這些項目，並選擇關閉它基於的類：

$(".action-class").click(function() { $("#some-div-to-hide").hide("fast"); }); 

Answer 5

如果你想擁有連接到所有div單擊事件，使用常見的類（<div class="clickhidden">）：

$(".clickhidden").click(function() { $("#some-div-to-hide").hide("fast"); }); 

如果你想點擊隱藏多個類別，該類附加到目標：

$("#action-div").click(function() { $(".clickhidden").hide("fast"); }); 

組合也是可能的。

Answer 6

，如果你想隱藏（）2個不同的類別是這樣的：

類隱藏1

<p class="hideOne>hide me!</p> 

類隱藏2

<p class="hideTwo>hide me!</p> 

您可以隱藏（）一級和二級：

<script> 
    $("p.hideOne,p.hideTwo").hide("slow"); 
</script>