jQuery 练习[二]: 获取对象 - 基本选择与层级

根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2")

<div　id="div1">AAA</div>
<div　id="div2">BBB</div>
<div　id="div3">CCC</div>　

根据标签选择, 如: $("span")

<div><span>AAA</span></div>
<div>BBB</div>
<span>CCC</span>　

根据样式的类名选择, 如: $(".class1")

<div　class="class1">AAA</div>
<div　class="class2">BBB</div>
<div　class="class1">CCC</div>　

选择所有对象是: $("*")

可混合使用, 如: $("#btn2, .class1, span")

查看原图（大图）

可分层选择, 如: $(".class1 div label")

<div　class="class1">
　　　　<div　id="id1">111</div>
　　　　<div　id="id2"><span>222</span></div>
　　　　<div　id="id3"><label>333</label></div>
　　　　<span>444</span><br/>
　　　　<span>555</span>
</div>　

如: $(".class1 span") 或 $(".class1").find("span")

编缉推荐阅读以下文章

• jQuery 练习[二]: 获取对象(3) - 根据属性、内容匹配, 还有表单元素匹配
• jQuery 练习[二]: 获取对象(2) - 定位子对象
• jQuery 练习[一]: 准备工作