根据 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> 选择所有对象是: $("*") 可混合使用, 如(复制代码): span1 button1 button2 label1 label2 span2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可分层选择, 如: $(".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") 复制代码 代码如下: <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"); 如果没有中间的 > 会选择其下的所有符合条件的子孙对象 复制代码 代码如下: <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> 其后的, 如: $("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> 文章图片所用的测试工具下载地址 JavaScriptTest2.rar

　　推荐阅读

　　js escape,unescape解决中文乱码问题的方法

1.escape 方法 对 String 对象编码以便它们能在所有计算机上可读， escape(charString) 必选项 charstring 参数是要编码的任意 String 对象或文字。 说明 ： 　 escape 方法返回一个包含了 charstring 内容的字符串>>>详细阅读

本文标题：jQuery 练习[二] jquery 对象选择器(1)

地址：http://www.17bianji.com/kaifa2/JS/26300.html

 1/2    1