将此添加到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);

因为我将使用它来显示和隐藏导航项，所以我想使用带有'this'关键字的变量'dropDownNav'来定位单个导航项。

我怎样才能做到这一点？

Answer 1

您可以将jQuery集合分配给变量并将其用作缓存。例如：

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();
});