:hidden

匹配所有的不可見元素，input 元素的 type 屬性為 "hidden" 的話也會被匹配到

---

Matches all elements that are hidden, or input elements of type "hidden".

返回值

Array<Element>

示例

查找所有不可見的 tr 元素

HTML 代碼:

<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery 代碼:

$("tr:hidden")

結果:

[ <tr style="display:none"><td>Value 1</td></tr> ]

---------------------------------------------------------------------------------------

:visible

匹配所有的可見元素

---

Matches all elements that are visible.

返回值

Array<Element>

示例

查找所有可見的 tr 元素

HTML 代碼:

<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

jQuery 代碼:

$("tr:visible")

結果:

[ <tr><td>Value 2</td></tr> ]

---------------------------------------------------------------------------------------

[attribute]

匹配包含給定屬性的元素

---

Matches elements that have the specified attribute.

返回值

Array<Element>

參數

attribute (String) : 屬性名

示例

查找所有含有 id 屬性的 div 元素

HTML 代碼:

<div>
<p>Hello!</p>
</div>
<div id="test2"></div>

jQuery 代碼:

$("div[id]")

結果:

[ <div id="test2"></div> ]

---------------------------------------------------------------------------------------

[attribute=value]

匹配給定的屬性是某個特定值的元素

---

Matches elements that have the specified attribute with a certain value.

返回值

Array<Element>

參數

attribute (String) : 屬性名

value (String) : 屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。

示例

查找所有 name 屬性是 newsletter 的 input 元素

HTML 代碼:

'<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />

jQuery 代碼:

$("input[name='newsletter']").attr("checked", true);

結果:

[ <input type="checkbox" name="newsletter" value="Hot Fuzz" checked="true" />, <input type="checkbox" name="newsletter" value="Cold Fusion" checked="true" /> ]

---------------------------------------------------------------------------------------

[attribute!=value]

匹配給定的屬性是不包含某個特定值的元素

---

Matches elements that don't have the specified attribute with a certain value.

返回值

Array<Element>

參數

attribute (String) : 屬性名

value (String) : 屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。

示例

查找所有 name 屬性不是 newsletter 的 input 元素

HTML 代碼:

'<input type="checkbox" name="newsletter" value="Hot Fuzz" />
<input type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="accept" value="Evil Plans" />

jQuery 代碼:

$("input[name!='newsletter']").attr("checked", true);

結果:

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

---------------------------------------------------------------------------------------

[attribute^=value]

匹配給定的屬性是以某些值開始的元素

---

Matches elements that have the specified attribute and it starts with a certain value.

返回值

Array<Element>

參數

attribute (String) : 屬性名

value ( String) : 屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。

示例

查找所有 name 以 'news' 開始的 input 元素

HTML 代碼:

<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />

jQuery 代碼:

$("input[name^='news']")

結果:

[ <input name="newsletter" />, <input name="newsboy" /> ]

---------------------------------------------------------------------------------------

[attribute$=value]

匹配給定的屬性是以某些值結尾的元素

---

Matches elements that have the specified attribute and it ends with a certain value.

返回值

Array<Element>

參數

attribute (String) : 屬性名

value (String) : 屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。

示例

查找所有 name 以 'letter' 結尾的 input 元素

HTML 代碼:

<input name="newsletter" />
<input name="milkman" />
<input name="jobletter" />

jQuery 代碼:

$("input[name$='letter']")

結果:

[ <input name="newsletter" />, <input name="jobletter" /> ]

---------------------------------------------------------------------------------------

[attribute*=value]

匹配給定的屬性是以包含某些值的元素

---

Matches elements that have the specified attribute and it contains a certain value.

返回值

Array<Element>

參數

attribute (String) : 屬性名

value (String) : 屬性值。引號在大多數情況下是可選的。但在遇到諸如屬性值包含"]"時，用以避免沖突。

示例

查找所有 name 包含 'man' 的 input 元素

HTML 代碼:

<input name="man-news" />
<input name="milkman" />
<input name="letterman2" />
<input name="newmilk" />

jQuery 代碼:

$("input[name*='man']")

結果:

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

---------------------------------------------------------------------------------------

[selector1][selector2][selectorN]

復合屬性選擇器，需要同時滿足多個條件時使用。

---

Matches elements that have the specified attribute and it contains a certain value.

返回值

Array<Element>

參數

selector1 (Selector) : 屬性選擇器

selector2 (Selector) : 另一個屬性選擇器，用以進一步縮小范圍

selectorN (Selector) : 任意多個屬性選擇器

示例

找到所有含有 id 屬性，並且它的 name 屬性是以 man 結尾的

HTML 代碼:

<input id="man-news" name="man-news" />
<input name="milkman" />
<input id="letterman" name="new-letterman" />
<input name="newmilk" />

jQuery 代碼:

$("input[id][name$='man']")

結果:

[ <input id="letterman" name="new-letterman" /> ]