jQuery 为多个选择器设置相同的事件

Posted 2023-05-07

技术标签:

【中文标题】jQuery 为多个选择器设置相同的事件【英文标题】：JQuery set the same event for several selectors 【发布时间】：2013-01-11 02:42:11 【问题描述】：

与this 问题相反，我在这里询问是否可以做这样的事情：

$(several different selectors).click(function() 
    console.log("Click");
);

所以如果我有这样的事情：

<div id="a">A</div>
<div id="b">B</div>
<div id="c">C</div>

我想让several different selectors 选择#a、#b 和#c，然后我点击的任何一个都会记录“点击”。我试过$('#a', "#b", "#c")，但它不起作用；有人可以帮忙吗？

【问题讨论】：

【参考方案1】：

传递它一个字符串，with the selectors separated by a comma:

$('#a, #b, #c').click(function() 
    console.log("Click");
);

【讨论】：

【参考方案2】：

你可以试试这个，因为我已经尝试过了，它对我有用

    $(document).ready(function () 
        $('#a, #b, #c').click(function ()  
        console.log("Click"); 
      );
    );

【讨论】：

【参考方案3】：

您的尝试非常接近。 Here is the documentation multiple selectors.

你的选择器应该是$("#a, #b, #c")

【讨论】：

以上是关于jQuery 为多个选择器设置相同的事件的主要内容，如果未能解决你的问题，请参考以下文章