摘要

選擇器的組合使用

測試用jquery版本：3.2.1

測試用html

<p id="p1">1p</p>
<p id="p2">2p</p>
<input id="input1" type="text" value="input1">
<div id="div1">
    <a id="a1">a1</a>
</div>

基本選擇器

jQuery("#p1");

多個屬性選擇器[]

多個屬性選擇器並排寫，選取結果為取交集。

jQuery("b[id=b1][vv=v3]");
 

多個過濾選擇器:（不含eq）

在屬性選擇器前面連著寫

jQuery("input:input:visible:odd[id*=1]");

eq

寫在後面

jQuery("input:input:visible:odd[id*=1]:eq(0)");

多個選擇器

之前的每一個例子的選擇器視為一個完整的選擇器。多個完整的選擇器取並集需用逗號（,）分隔

jQuery("p[id],input:input:visible:odd[id*=1]:eq(0)");