javascript - jQueryでキャッシュされたオブジェクトを非表示にする

Question

「キャッシュ」がこれの正しい用語であるかどうかはわかりません。代わりに「インスタンス化」を使用する必要があるかもしれません。ただし、いくつかのリソースを節約するために、いくつかのオブジェクトを「キャッシュ」したいとします。

var $foo = $("#foo"),
$bar = $("#bar");

さて、それらを非表示にしたい場合は、次の代わりにワンライナーを使用できますか？

$foo.hide();
$bar.hide();

これはとてもシンプルだと思いますが（「バカ」と読んでください）、ちょっと...自分ですべてを理解することはできません...

score 4 · Accepted Answer

.add()一連のjQueryオブジェクトとセレクターをロールアップするために使用することもできます。

$foo.add( $bar ).add('.someclass').add( $other_objects_or_selectors ).hide();

score 1 · Accepted Answer

次のようなものを使用できます。

$.each([$foo, $bar], function(i, v) { 
  v.hide(); 
});

score 0 · Accepted Answer

jQueryでは複数のセレクターをコンマで区切ることができます。

$("#foo, #bar").hide();

score 0 · Accepted Answer

多くのIDに対してこれを行っている場合は、次のようなことを行ってください。

items = ['foo', 'bar'];
cache = {};
$.each(items, function(i,key) {
    cache[key] = $('#' + key);
    cache[key].hide();
});

その後、のように「キャッシュ」にアクセスしますcache['foo']。

score 0 · Accepted Answer

これらすべての要素のクラスを定義してから、クラスで非表示にします

$('#foo').addClass('toHide'); 
//Later
$('.toHide').filter(':visible').hide();

5 に答える 5