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'）的空格，否则它将无效。