1.元素选择器:
jquery代码:
$("a");
html代码:
<a href="#"></a>
<p></p>
结果:
<a href="#"></a>
2.id选择器
jquery代码:
$("#a1");
html代码:
<a href="#" id="a1"></a>
<p></p>
结果:
<a href="#" id="a1"></a>
3.class选择器
jquery代码:
$(".a2");
html代码:
<a href="#" id="a1" class="a2"></a>
<p></p>
结果:
<a href="#" id="a1" class="a2"></a>
4.属性选择器
jquery代码:
$("a[id='a1']");
html代码:
<a href="#" id="a1" class="a2"></a>
<a href="#" id="a3" ></a>
<p></p>
结果:
<a href="#" id="a1" class="a2"></a>
5.组合选择器
jquery代码:
$(".a2,#a3");
html代码:
<a href="#" id="a1" class="a2"></a>
<a href="#" id="a3" ></a>
<p></p>
结果:
<a href="#" id="a1" class="a2"></a>
<a href="#" id="a3" ></a>
6.包含选择器
jquery代码:
$("p.p1");
html代码:
<a href="#" id="a1" class="a2"></a>
<a href="#" id="a3" ></a>
<p class=".p1"></p>
结果:
<p class=".p1"></p>
7.匹配选择器
jquery代码:
$("li:eq(0)","ul.u1")
html代码:
<ul class="u1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
结果:
<li>1</li>