jQuery 选择器1_基本1

#id

element

.class

*

selector1,selector2,selectorN

===============================

1. #id

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

e.g.1:

H: <div id="sele"></div>

<div id="noSele"></div>

J: $("sele");

E: <div id="sele"></div>

e.g.2:

H: <span id="foo:bar"></span>

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

<span id="foo.bar"></span>

J: $(#foo//:bar);

$(#foo//[bar//]);

$(#foo//.bar);

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

2. element

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

e.g.1:

H: <div>DIV1</div>

<div>DIV2</div>

<span>SPAN</span>

J:

$("div");

E:

<div>DIV1</div>

<div>DIV2</div>

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

3. .class

根据给定的class匹配元素。

e.g.1:

H: <div class="notMe">div class="notMe"</div>

<div class="myClass">div class="myClass"</div>

J:

$(".myClass");

E:

<div class="myClass">div class="myClass"</div>

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

4. *

匹配所有元素

e.g.1:

H: <div>DIV</div>

<span>SPAN</span>

<p>P</p>

J:

$("*");

E:

<div>DIV</div>

<span>SPAN</span>

<p>P</p>

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

5. selector1,selector2,selectorN

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

e.g.1:

H: <div>div</div>

<p class="myClass">p class="myClass"</p>

<span>span</span>

<p class="notMyClass">p class="notMyClass"</p>

J:

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

E:

<div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span>