1.id选择器: $("#id")
2.class选择器:$(".id")
例子:
<div>
姓名:
<input type="text" id="txtName" />
年龄:
<input type="text" class="txtvag" />
<input type="button" id="btnAdd" value="确定" />
</div>
实现:
var name = $('#txtName'); //.id选择器: $("#id")
var avg = $('.txtvag'); //.class选择器:$(".id")
2.使用选择器查找DOM
例子:
<ul id="test">
<li>张三</li>
<li>
<ul id="france">
<li>paris</li>
</ul>
</li>
<li class="wu">王五</li>
</ul>
实现:
$("#test li") //使用子选择器获得UL中的LI
$("#test >li"); //>表示找到直属元素,即 ul 中的 li 元素
$(".wu,#france"); //选择class为"wu",id为"france"的元素,查找多个元素用逗号隔开
$("#test li:first"); //获取ul中的第一个元素,索引从0开始
$("#test li:last"); //获取ul中的最后一个元素
$("#test li:odd"); //使用(伪类)odd类获取奇数位的列表元素
$("#test li:even"); //获取偶数位的列表元素