如何组合两个选择器？

Question

在我的示例中http://jsfiddle.net/radek/HnXC4/2/我为点击

定义了jQuery处理程序

• 在按钮
上
• 有一个运行
类

通过$(":button, .run").click(function(){

如何点击this button should NOT work按钮也会被触发？它没有“run”类。

Answer 1

尝试：

$(":button.run").click(function(){

$(":button, .run")将匹配任何按钮或CSS类为run的元素。

Answer 2

您之间不需要逗号：

$(":button.run").click(function(){};

Answer 3

你想要的是：

$(":button.run").click(function(){});

这意味着“所有按钮都有”运行“类”“。当你在选择器中包含一个逗号时，它意味着“所有元素都是按钮，以及所有具有类'run'的元素”，就像你在这里一样：

$(":button, .run").click(function(){});

为完整起见，如果选择器中有空格而没有逗号，例如：

$(":button .run").click(function(){});

这意味着所有具有类'run'的元素都是按钮的后代。不确定按钮可以有后代，但你明白了。