使用AND / OR进行多个元素选择

Question

我不确定多重选择的语法。我的意思是采用标准的点击元素功能：

$("#target").click(function () {});

表示if #target is clicked then do function

并使其成为if #target or #target2 or #target3 is clicked then do function

或if #target1 and #target2 are hovered over, then do function

我知道我可以为每一个做一个点击功能，但这似乎是浪费空间，那么我将如何更简洁地编码呢？

感谢。

Answer 1

将它们全部放在一个选择器中，用逗号分隔：

$("#target1, #target2, #target3").click(function () {});

Answer 2

试试这个

$("#target1, #target2, #target3").on('click',
       function () {
          //some code here
        }
);

多个选择器由,分隔。

或

$('[id ^= "target"]').on('click',
        function () {
              //some code here
       }
);

^=表示所有ID都以target开头。

Answer 3

只需在您需要的所有选择器之间使用,

$("#target, #target2, #target3").click(function () {});