jquery - 一度に多くのdivにエフェクトを追加するjQuery

Question

.hide() などの jQuery メソッドを、異なる id パラメータを持つ多くの div に一度に適用することは可能ですか。

単一の div の例は次のとおりです。

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

.click イベントを何度も処理することなく、異なる ID を持つ多くの div に対してこれを実行できますか。

score 3 · Accepted Answer

操作したいのclass属性を使用してから、セレクターでクラスを指定することをお勧めします。div

<div class="actiondiv" ...>

その後

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

score 3 · Accepted Answer

ID のリストをカンマで区切ってください。

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

});

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

クリックイベントをすべての 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 つの異なるクラスを hide() したい場合:

非表示にするクラス 1

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

非表示にするクラス 2

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

次のように、クラス 1 と 2 を hide() できます。

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

6 に答える 6