- #id
根据给定的ID匹配一个元素。
使用任何的元字符作为名称的文本部分, 它必须被两个反斜杠转义:\。 参见示例。
描述:查找 ID 为"myDiv"的元素。
(HTML代码)
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
(jQuery 代码)
$("#myDiv");
- element
根据给定的元素标签名匹配所有元素
描述:查找一个 DIV 元素。
(HTML代码)
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span
(JQuery代码)
$("#myDiv");
- .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
- .*
匹配所有元素。多用于结合上下文来搜索。
描述:找到每一个元素
(HTML代码)
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
(jQuery 代码)
$("*")
- selector1,selector2,selectorN
将每一个选择器匹配到的元素合并后一起返回。
你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。
参数:
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")
- ancestor descendant
在给定的祖先元素下匹配所有的后代元素
描述:找到表单中所有的 input 元素
(HTML代码)
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
(JQuery代码)
$("form input")
- parent > child
在给定的父元素下匹配所有的子元素
描述:匹配表单中所有的子级input元素。
(HTML代码)
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
(JQuery代码)
$("form > input")
- prev + next
匹配所有紧接在 prev 元素后的 next 元素
描述:匹配所有跟在 label 后面的 input 元素
(HTML代码)
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
(JQuery代码)
$("label + input")
- prev ~ siblings
匹配 prev 元素之后的所有 siblings 元素
描述:找到所有与表单同辈的 input 元素
(HTML代码)
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
(JQuery代码)
$("form ~ input")
- :first
获取第一个元素
描述:获取匹配的第一个元素
(HTML代码)
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
(JQuery代码)
$('li:first');
- :not(selector)
去除所有与给定选择器匹配的元素,在jQuery 1.3中,已经支持复杂选择器了(例如:not(div a) 和 :not(div,a))
描述:查找所有未选中的 input 元素
(HTML代码)
<input name="apple" />
<input name="flower" checked="checked" />
(JQuery代码)
$("input:not(:checked)")