#id

概述：

根據(jù)給定的ID匹配一個(gè)元素

使用任何的元字符作為名稱(chēng)的文本部分，它必須被兩個(gè)反斜杠轉(zhuǎn)義：//

查找含有特定字符的元素

HTML 代碼:

<div id="notMe"><p>id="notMe"</p></div> <div id="myDiv">id="myDiv"</div>

jQuery 代碼:

$("#myDiv");

結(jié)果:

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

描述：
查找含有特殊字符的元素

HTML 代碼:

<span id="foo:bar"></span> <span id="foo[bar]"></span> <span id="foo.bar"></span>

jQuery 代碼:

#foo\\[bar\\]

結(jié)果:

[ <span id="foo[bar]"></span>]

element
用于搜索元素，指向DOM節(jié)點(diǎn)的標(biāo)簽名

描述:

查找一個(gè) DIV 元素。

HTML 代碼:

<div>DIV1</div> <div>DIV2</div> <span>SPAN</span>

jQuery 代碼:

$("div");

結(jié)果:

[ <div>DIV1</div>, <div>DIV2</div> ]

class
用于搜索類(lèi)。一個(gè)元素可以有多個(gè)類(lèi)，只要有一個(gè)符合就能被匹配到

描述:

查找所有類(lèi)是 "myClass" 的元素.

HTML 代碼:

<div class="notMe">div class="notMe"</div> <div class="myClass">div class="myClass"</div> <span class="myClass">span class="myClass"</span>

jQuery 代碼:

$(".myClass");

結(jié)果:

[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ]

*
匹配所有元素，多用于結(jié)合上下文搜索

描述:

找到每一個(gè)元素

HTML 代碼:

<div>DIV</div> <span>SPAN</span> <p>P</p>

jQuery 代碼:

$("*")

結(jié)果:

[ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]

selector1,selector2,selectorN
將每一個(gè)選擇器匹配到的元素合并后一起返回

描述:

找到匹配任意一個(gè)類(lèi)的元素。

HTML 代碼:

<div>div</div> <p class="myClass">p class="myClass"</p> <span>span</span> <p class="notMyClass">p class="notMyClass"</p>

jQuery 代碼:

$("div,span,p.myClass")

結(jié)果:

[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]

轉(zhuǎn)載于:https://www.cnblogs.com/110162-wsx/p/9261684.html

總結(jié)

以上是生活随笔為你收集整理的jQuery_基本选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。