1.直接选择
$("#div1 > a") //id为div1下所有的a
$("#div2 > a:last") //id为div2下的最后一个a标签
$("#div2 > a:eq(1)") //id为div2下的第二个a标签
2.建立div下某个标签点击事件,但只对其中的span标签进行事件操作。
<div id="div2">
<p>二级P元素</p>
<a href="#" style="text-decoration: none;">A元素</a>
<a href="#" style="text-decoration: none;"><span>A2元素</span>BBBBBB</a>
</div>
$("#div2").click(function(){
$("span",this).toggleClass("select");
});
//平时我们用这种方法较多
$("#div2").click(function(){
$(this).find("span").toggleClass("select");
});
3. 利用多个类名选择
<div class="a b"></div>
$(".a.b").append("<p>abc</p>")
4. 根据名称选择
<select name="dropdown"></select>
$("select[name='dropdown']").append("<option value='1'>AAA</option><option value='2'>BBB</option>")
5. input type为button 且被禁用
$("input:button:disabled")