根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2")
aaa
bbb
ccc
根据标签选择, 如: $("span")
aaa
bbb
ccc
根据样式的类名选择, 如: $(".class1")
aaa
bbb
ccc
选择所有对象是: $("*")
可混合使用, 如: $("#btn2, .class1, span")
复制代码 代码如下:
<script src="http://code.<a%20style=" color: text-decoration:underline title="jquery" href="https://www.php.cn/zt/15736.html" target="_blank">jquery.com/jquery-1.4.2.min.js"></script>
span1
span2
<script> <br>//修改选择对象的 color 样式为 red <br>$("#btn2, .class1, span").css("color", "red"); <br></script>
可分层选择, 如: $(".class1 div label")
111
222
444
555
如: $(".class1 span") 或 $(".class1").find("span")
111
222
444
555
只从子层中选择, 如: $(".class1 > span"); 如果没有中间的 > 会选择其下的所有符合条件的子孙对象
111
222
444
555
其后的, 如: $("div + span"); 这会选择所有紧跟在 div 后面的 span
111
222
444
555
同一层级(后面)的, 如: $("#id2 ~ *"); 这是选择 #id2 后面同一层级的所有(*)对象
111
222
444
555
混合使用, 如: $("#id3 label, #id3 ~ span")
111
222
444
555
选择同一层级的其他元素, 如: $("#id2").siblings()
111
222
444
555
选择同一层级的其他 span, 如: $("#id2").siblings("span")
111
222
444
555
