Jquery多个选择器,选择符合两个条件的项目

7 jquery css-selectors

如果我这样做......

$('.class1, .class2').hide();
Run Code Online (Sandbox Code Playgroud)

然后将隐藏具有class1或class2的所有项目.

<pre class='class1'>hello1</pre>
<pre class='class2'>hello2</pre>
<pre class='class1 class2'>hello3</pre>
Run Code Online (Sandbox Code Playgroud)

什么是语法,所以只有第3个<pre>将被隐藏,我想隐藏基于它们同时具有class1和class2的东西.

Pao*_*ino 17

与它的CSS选择器相同 - 类标识符之间没有空格:

$('.class1.class2').hide();
Run Code Online (Sandbox Code Playgroud)

这里的jQuery文档:.class.class选择器.

虽然如果这些类只是在<pre>元素上,这是最好的:

$('pre.class1.class2').hide();
Run Code Online (Sandbox Code Playgroud)

  • 请注意,语法适用于组合其他种类的jquery事物,例如$(':input:visible')查找可见的输入标记. (3认同)