これをjQueryの変数に追加する

Question

変数を使用してjQueryコード内の複数のセレクタをキャッシュしたいとします。

私の変数に 'this'キーワードを正しく追加する方法がわからないので、私はちょっとした壁にぶつかったようです。たとえば、次のように定義された変数があります。

(function($){ var dropNav = $('nav ul li, span.arrow'); var dropDownNav = $('div.dropDownNav,div.dropDownNavTwo,div.dropDownNavThree,div.dropDownNavFour,u‌​l.dropNav').hide(); dropNav.hover(function(){ $('div.dropDownNav,div.dropDownNavTwo,div.dropDownNavThree,div.dropDownNavFour,‌​ul.dropNav',this).show(); },function(){ $('div.dropDownNav,div.dropDownNavTwo,div.dropDownNavThree,div.dropDownNavFou‌​r,ul.dropNav',this).hide(); return false }); })(jQuery); 

私は、個々のナビゲーション項目をターゲットに「この」キーワードと変数「をdropDownNav」を使用したいのナビゲーション項目を表示し、非表示にするには、これを使うことにしたよう。

どうすればいいですか？

Answer 1

あなたは変数にjQueryのコレクションを割り当て、例cache.forとしてそれを使用することができます。

var dropDownNav = $('div.dropDownNav,div.dropDownNavTwo,ul.dropNav'); 
dropDownNav.hide(); 
dropDownNav.show(); 

あなたは、イベントハンドラをアタッチするキャッシュされた変数を使用することができます。

私はこれではなく、あなたがこれを行うているもので...あなたが後にあるかと思い

dropDownNav.click(function(){ 
    //here this refers to the clicked element 
    $(this).hide(); 
}); 

Answer 2

：

var dropDownNav = $('div.dropDownNav,div.dropDownNavTwo,ul.dropNav'); //hide these in the css 

dropDownNav.hover(
function(){ //onhover 
$(this).show(); 
}, 
function(){ //mouse moves off 
$(this).hide(); 
});