使用 Jquery 将两个元素传递给函数答案

【问题标题】：Passing two elements to a function with Jquery使用 Jquery 将两个元素传递给函数
【发布时间】：2012-08-12 21:53:15
【问题描述】：

对于一个类的点击事件，我有以下 jquery 函数：

JS

$('a[rel=blue]').click(function(){
    $('.ffHide').css("display", "none");
});

现在这很好用，除了我想将两个类传递给函数，我该怎么做？

我想做什么：

$('a[rel=blue]', 'a[rel=black]').click(function(){
    $('.ffHide').css("display", "none");
});

但这不起作用...

【问题讨论】：

标签： jquery

【解决方案1】：

$('a[rel=blue], a[rel=black]').click(function(){
    $('.ffHide').css("display", "none");
});

只是一个旁注 - 你最好使用 .on() 来附加事件侦听器，例如：

$('a[rel=blue], a[rel=black]').on("click", function() {
    $('.ffHide').css("display", "none");
});

【讨论】：

感谢您的回答 Zoltan。我想你先回答对吧？为什么是 .on 方法？
.on() 只是为了将来在您的应用程序增长并且您想附加多个侦听器时更容易维护，即.on('click mouseenter focus') 或者您想在某些情况下使用.off() 等删除侦听器。是的，首先是几秒钟 :)
谢谢。我将如何使用 .off 撤消我对点击绑定所做的操作？
您无法使用.off() 撤消单击所做的操作，但您可以删除事件侦听器，因此元素不会再次对单击做出反应 - api.jquery.com/off
个人问题，你花了多长时间在 javascript/jquery 方面像现在这样优秀？

【解决方案2】：

'a[rel=blue]', 'a[rel=black]' 应该是'a[rel=blue], a[rel=black]'。

$('a[rel=blue], a[rel=black]').click(function(){
   $('.ffHide').css("display", "none");
});

您尝试的是$(target, context) 格式，它在context 中找到target 元素。

【讨论】：

【解决方案3】：

$('a[rel=blue], a[rel=black]').click(function(){
  $('.ffHide').css("display", "none");
});

这么近……

【讨论】：

【解决方案4】：

试试

$('a[rel=blue], a[rel=black]').click

【讨论】：

【解决方案5】：

$('a[rel=blue], a[rel=black]').click(function(){
                $('.ffHide').css("display", "none");
            });

这应该可以工作

【讨论】：

【解决方案6】：

将其传递为 -

$('a[rel=blue], a[rel=black]').click(function(){
  $('.ffHide').toggle();
});

【讨论】：