jQuery练习[二]jquery对象选择器(1)_jquery

来源：动视网责编：小采时间：2020-11-27 20:49:33

jQuery练习[二]jquery对象选择器(1)_jquery

jQuery练习[二]jquery对象选择器(1)_jquery:根据 id 选择(通过 id 只能选择一个对象), 如: $(#div2) 代码如下: AAA BBB CCC 根据标签选择, 如: $(span) 代码如下: AAA BBB CCC 根据样式的类名选择, 如: $(.class1) 代码如下: AAA BBB CCC 选择所有对象是: $(

推荐度：

点击下载本文 文档为doc格式

导读jQuery练习[二]jquery对象选择器(1)_jquery:根据 id 选择(通过 id 只能选择一个对象), 如: $(#div2) 代码如下: AAA BBB CCC 根据标签选择, 如: $(span) 代码如下: AAA BBB CCC 根据样式的类名选择, 如: $(.class1) 代码如下: AAA BBB CCC 选择所有对象是: $(

根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2")
代码如下:
AAA
BBB
CCC

根据标签选择, 如: $("span")
代码如下:
AAA
BBB
CCC

根据样式的类名选择, 如: $(".class1")
代码如下:
AAA
BBB
CCC

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

可混合使用, 如():
<html> <head> </ script> </head> <body> span1 <button id="btn1">button1</button> <button id="btn2">button2</button> <label class="class1">label1</label> <label class="class2">label2</label> span2 </body> </html> //修改选择对象的 color 样式为 red $("#btn2, .class1, span").css("color", "red"); </ script>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

111
222
333
444

555

如: $(".class1 span")
代码如下:

111
222
333
444

555

只从子层中选择, 如: $(".class1 > span"); 如果没有中间的 > 会选择其下的所有符合条件的子孙对象
代码如下:

111
222
333
444

555

其后的, 如: $("div + span"); 这会选择所有紧跟在 div 后面的 span
代码如下:

111
222
333
444

555

同一层级(后面)的, 如: $("#id2 ~ *"); 这是选择 #id2 后面同一层级的所有(*)对象
代码如下:

111
222
333
444

555

混合使用, 如: $("#id3 label, #id3 ~ span")
代码如下:

111
222
333
444

555

文章图片所用的测试工具下载地址 JavaScriptTest2.rar

jQuery练习[二]jquery对象选择器(1)_jquery

推荐度：

点击下载本文 文档为doc格式

标签：选择选择一 jQuery

热门焦点

jQuery练习[二]jquery对象选择器(1)_jquery

jQuery练习[二]jquery对象选择器(1)_jquery

jQuery练习[二]jquery对象选择器(1)_jquery

最新推荐

猜你喜欢

热门推荐