1、jQuery中经常使用的选择器有哪几种?
a、ID选择器—#ID来获取元素,以#开头
举例:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
$("#myDiv")---获取id为myDiv的元素,结果是:<div id="myDiv">id="myDiv"</div>
b、 类选择器—根据给定的css类名选择匹配的元素,以.开头
举例:
<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
$(".myClass")---获取css属性中带有myClass的元素,结果是:<div class="myClass">div class="myClass"</div>,<span class="myClass">span class="myClass"</span>
c、元素选择器—根据元素名选择对应的元素,
举例:
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
$("div")---获取div元素,结果是:<div>DIV1</div>,<div>DIV2</div>
2、jQuery中获取第一个元素
a、使用筛选器,举例:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
$(li:first')---获取第一个li元素,结果是:<li>list item 1</li>
b、使用first函数
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
$('li').first()---获取第一个li元素,结果是:<li>list item 1</li>