jquery - jQuery 一次性为多个 div 添加效果

Question

是否可以一次将 .hide() 之类的 jQUery 方法应用于具有不同 id 参数的许多 div。

单个 div 的示例是：

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

可以对许多具有不同 id 的 div 执行此操作，而无需多次处理 .click 事件。

score 3 · Accepted Answer

您可能想在要操作的 sclass上使用属性，然后在选择器中指定类。div

<div class="actiondiv" ...>

进而

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

score 3 · Accepted Answer

3

逗号分隔 ID 列表。

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

});

于 2009-09-09T08:33:53.400 回答

score 1 · Accepted Answer

最简单的方法是给所有 id 相同的类，然后：

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

score 1 · Accepted Answer

您始终可以将单个类应用于这些项目，并根据类选择它：

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

score 1 · Accepted Answer

如果您想将 click 事件附加到所有 div，请使用公共类 ( <div class="clickhidden">)：

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

如果您想一键隐藏多个类，请将类附加到目标：

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

组合也是可能的。

score 0 · Accepted Answer

如果你想像这样隐藏（）2个不同的类：

隐藏类 1

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

隐藏类 2

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

您可以按如下方式隐藏（）第一类和第二类：

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

6 回答 6