我根据jquery选择器是否能单独使用进行分类。将可以进行单独使用的标签先行列举出,然后为层级标签,最后为一些搭配层级标签使用的标签选择器。
一、基本标签选择器
1、基础标签选择器
1.id 2.class 3.标签 4.$(“*”)–所有元素
2、层次选择器
1.并集选择器(官方中并不属于层次选择器)
$("#id1,#id2,.class1") 选择id1,di2,class2的所有元素
2.交集选择器
元素之间没有间隙,直接相连。取所有元素的交集。
下1,取标签为input并且name属性为name1
$("input[name='name1']")
$("input[type='radio']:checked")
$("input[type='radio'][checked='checked']"
3.后代选择器
$(parendt child) 元素之间空间相连,取parent元素下所有child的子元素
注意:后代选择器是去所有子元素,不管是几级子元素
$(div input)
4.子元素选择器
$(parendt>child)元素之间>好相连,取parent元素下所有1级子元素(直接子元素)
注意:与后代选择器相比,他只取一级子元素
<div id="d1">
<input type="text" id="target1">
<div><input type="text" id="target2"></div>
<div><input type="text" id="target3"></div>
<input type="text" id="target4">
</div>
选择器取值:
$("div input") 会获取target1,target2,target3,target4 的对象
$("div>input") 会获取target1,target4 的对象
5.全局选择器
$('*')
二、其他辅助选择器(也不是辅助用的,有些也可以单独使用,但不知道起啥名字好了)
1.属性选择器
$([attribute]) 所有含有属性attribute的元素
$([attribute=value]) 所有属性attributed等于value的元素
$([attribute!=value]) 不等于
$([attribute^=value]) 以value开头
$([attribute$=value]) 以value结尾
$([attribute*=value]) 包含value
2.