JQuery 选择器应用(基本)

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

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


--------------------------------------------------------------------------------

Matches a single element with the given id attribute.
返回值
Element

参数
id (String) : 用于搜索的，通过元素的 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
根据给定的元素名匹配所有元素

--------------------------------------------------------------------------------

Matches all elements with the given name.
返回值
Array<Element>

参数
element (String) : 一个用于搜索的元素。指向 DOM 节点的标签名。

示例
查找一个 DIV 元素。

HTML 代码:

<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
jQuery 代码:

$("div");
结果:

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

.class
根据给定的类匹配元素。

--------------------------------------------------------------------------------

Matches all elements with the given class.
返回值
Array<Element>

参数
class (String) : 一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。

示例
查找所有类是 "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> ]

*
匹配所有元素
多用于结合上下文来搜索。

--------------------------------------------------------------------------------

Matches all elements.
Most useful when combined with a context to search in.
返回值
Array<Element>

示例
找到每一个元素

HTML 代码:

<div>DIV</div>
<span>SPAN</span>
<p>P</p>
jQuery 代码:

$("*")
结果:

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