选择器

基本

#id

概述

根据给定的ID匹配一个元素。

如果选择器中包含特殊字符，可以用两个斜杠转义。

参数

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

描述:

查找含有特殊字符的元素

HTML 代码:

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

jQuery 代码:

#foo\\:bar#foo\\[bar\\]#foo\\.bar

element

概述

根据给定的元素名匹配所有元素

参数

element

一个用于搜索的元素。指向 DOM 节点的标签名。

示例

描述:

查找一个 DIV 元素。

HTML 代码:

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

jQuery 代码:

$("div");

结果:

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

*

V1.0概述

匹配所有元素

多用于结合上下文来搜索。

示例

描述:

找到每一个元素

HTML 代码:

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

jQuery 代码:

$("*")

结果:

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

selector1,selector2,selectorN

V1.0概述

将每一个选择器匹配到的元素合并后一起返回。

你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。

参数

selector1Selector

一个有效的选择器

selector2Selector

另一个有效的选择器

selectorNSelector

任意多个有效选择器

示例

描述:

找到匹配任意一个类的元素。

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