jQuery基本选择器

ID选择器(#id)

描述：查找ID为 "myDiv" 的元素

HTML代码

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

jQuery代码

$("#myDiv");

结果

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

元素选择器(element)

描述：查找一个 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> ]

摘自 jQuery API 文档