我根据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]) 包含value2.
