#id

概述：

根據給定的ID匹配一個元素

使用任何的元字符作為名稱的文本部分，它必須被兩個反斜杠轉義：//

查找含有特定字符的元素

HTML 代碼:

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

jQuery 代碼:

$("#myDiv");

結果:

[ <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\\]

結果:

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

element
用于搜索元素，指向DOM節點的標簽名

描述:

查找一個 DIV 元素。

HTML 代碼:

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

jQuery 代碼:

$("div");

結果:

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

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

描述:

查找所有類是 "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");

結果:

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

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

描述:

找到每一個元素

HTML 代碼:

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

jQuery 代碼:

$("*")

結果:

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

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

描述:

找到匹配任意一個類的元素。

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")

結果:

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

轉載于:https://www.cnblogs.com/110162-wsx/p/9261684.html

總結

以上是生活随笔為你收集整理的jQuery_基本选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。