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

Question

我对类上的click事件有以下jquery函数：

JS

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

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

我想做什么：

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

但这不起作用......

Answer 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");
});

Answer 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)格式，它会在target中找到context元素。

Answer 3

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

如此接近......

Answer 4

尝试

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

Answer 5

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

这应该有效

Answer 6

将其传递为 -

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