jQuery入门2基本选择器

1 #id

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

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

参数

id

用于搜索的，通过元素的 id 属性中给定的值

示例

查找 ID 为"mkbk"的元素。

HTML 代码为：

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

jQuery 代码为：

$("#mkbk");

结果:

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

查找含有特殊字符的元素

HTML 代码:

<span id="al:ba"></span>
<span id="aa[bar]"></span>
<span id="ab.ab"></span>

jQuery 代码:

#al\\:ba
#aa\\[bar\\]
#ab\\.bb

2 element

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

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

示例：查找一个 DIV 元素。

HTML 代码:

<div>di</div>
<div>DI</div>
<span>Id</span>

jQuery 代码:

$("div");

结果:

[ <div>di</div>, <div>DI</div> ]

3.class

概述

class：根据给定的类匹配元素

class：一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。

示例

查找所有类是 "Class" 的元素.

HTML 代码:

<div class="not">div class="not"</div>
<div class="Class">div class="Class"</div>
<span class="Class">span class="Class"</span>

jQuery 代码:

$(".Class");

结果:

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

4 *

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

示例

找到每一个元素

HTML 代码:

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

jQuery 代码:

$("*")

结果:

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

5 selector1,selector2,selectorN

概述：将每一个选择器匹配到的元素合并后一起返回你可以指定任意多个选择器，并将匹配到的元

参数

selector1                         Selector

一个有效的选择器

selector2                         Selector

另一个有效的选择器

selectorN                         Selector

任意多个有效选择器

示例

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

HTML 代码:

<div>div</div>
<p class="Class">p class="Class"</p>
<span>span</span>
<p class="nMClass">p class="nMClass"</p>

jQuery 代码:

$("div,span,p.myClass")

结果:

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