jQuery 获取对象 基本选择与层级

2020-05-22 21:57:24易采站长站整理

</div>
其后的, 如: $(“div + span”); 这会选择所有紧跟在 div 后面的 span
<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>
同一层级(后面)的, 如: $(“#id2 ~ *”); 这是选择 #id2 后面同一层级的所有(*)对象
<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>
混合使用, 如: $(“#id3 label, #id3 ~ span”)
<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>
选择同一层级的其他元素, 如: $(“#id2”).siblings()
<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>
选择同一层级的其他 span, 如: $(“#id2”).siblings(“span”)
<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>