根据 id 选择(通过 id 只能选择一个对象), 如: $(#div2)
aaa
bbb
ccc
根据标签选择, 如: $(span)
aaa
bbb
ccc
根据样式的类名选择, 如: $(.class1)
aaa
bbb
ccc
选择所有对象是: $(*)
可混合使用, 如: $(#btn2, .class1, span)
复制代码 代码如下:
span1
button1
button2
label1
label2
span2
可分层选择, 如: $(.class1 div label)
111
222
333
444
555
如: $(.class1 span) 或 $(.class1).find(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
选择同一层级的其他元素, 如: $(#id2).siblings()
111
222
333
444
555
选择同一层级的其他 span, 如: $(#id2).siblings(span)
111
222
333
444
555