jQuery针对多个元素的相同点击事件

Question

有没有办法为页面上的不同元素执行相同的代码？$('.class1').click(function() {   some_function();});$('.class2').click(function() {   some_function();});而是做一些像：$('.class1').$('.class2').click(function() {   some_function();});谢谢

Answer 1

$('.class1, .class2').on('click', some_function);

要么：

$('.class1').add('.class2').on('click', some_function);

这也适用于现有对象：

const $class1 = $('.class1');

const $class2 = $('.class2');

$class1.add($class2).on('click', some_function);

Answer 2

我通常用on而不是click。它允许我向特定函数添加更多事件侦听器。

$(document).on("click touchend", ".class1, .class2, .class3", function () {

     //do stuff

});

希望能帮助到你！

Answer 3

$('.class1, .class2').click(some_function);

确保你放置一个像$（'。class1，space here.class2'）的空格，否则它将无效。