jQuery选择器是什么
1.CSS选择器
常用的CSS选择器
选择器语法描述标签选择器 E{
CSS规则
}
以文档元素作为选择器ID选择器 #ID{
CSS规则
}
以文档元素的惟一标识符ID作为选择符类选择器 E.className{
CSS规则
}
以文档元素的class作为选择器群组选择器 E1,E2,E3{
CSS规则
}
多个选择符应用同样的样式规则后代选择器 E F{
CSS规则
}
元素E的任意后代元素F通配选择器 *{
CSS规则
}
以文档的所有元素标签选择器
此外CSS中还有伪类选择器(E:Pseudo-Elements{CssRules})、子选择器(E>F{CssRules})、临近选择器(E+F{CssRules})和属性选择器([attr]{CssRules})等.
jQuery选择器
jQuery中的选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷和快递地找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器.
jQuery选择器的优点
1.简洁的写法
2.支持CSS1到CSS3选择器
3.完善的处理机制
需要注意的是:$("tt")获取的永远是对象,即使网页上没有此元素.因此当要用jQuery检查某个元素在网页上是否存在时,应该根据获取到元素的长度来判断.
jQuery选择器
1.基本选择器
基本选择器
选择器描述返回#id根据给定的id匹配一个元素单个元素.class根据给定的类名匹配元素集合元素element根据给定的元素名匹配元素集合元素* 集合元素 selector1,
selector2,
......
selectorN
将每一个选择器匹配到的元素合并后
一起返回
集合元素
2.层次选择器
层次选择器
选择器描述返回$("ancestor descendant")选取ancestor元素里的所有descendant(后代)元素集合元素$("parent>child") 选取parent元素下的child(子)元素,与$("ancestor descendant")有区别,
$("ancestor descendant")选择的是后代元素
集合元素$("prev+next")选取紧接在prev元素后的next元素集合元素$("prev~siblings")选取prev元素之后的所有siblings元素集合元素
3.过滤选择器
3.1 基本过滤选择器
基本过滤选择器
选择器描述返回:first选取第1个元素单个元素:last选取最后一个元素单个元素:not(selector)去除所有与给定选择器匹配的元素集合元素:even选取索引是偶数的所有元素,索引从0开始集合元素:odd选取索引是奇数的所有元素,索引从0开始集合元素:eq(index)选取索引等于index的元素(index从0开始)单个元素:gt(index)选取索引大于index的元素(index从0开始)集合元素:lt(index)选取索引小于index的元素(index从0开始)集合元素:header选取所有的标题元素集合元素:animated选取当前正在执行动画的所有元素集合元素
3.2 内容过滤选择器
内容过滤选择器
选择器描述返回:contains(text)选取含有文本内容为"text"的元素集合元素:empty选取不包含子元素或者文本的空元素集合元素:has(selector)选取含有选择器所匹配的元素的元素集合元素:parent选取含有子元素或者文本的元素集合元素
3.3 可见性过滤选择器
可见性过滤选择器
选择器描述返回:hidden选取所有不可见的元素集合元素:visible选取所有可见的元素集合元素
3.4 属性过滤选择器
属性过滤选择器
选择器描述返回[attribute]选取拥有此属性的元素集合元素[attribute=value]选取属性的值为value的元素集合元素[attribute!=value]选取属性的值不等于value的元素集合元素[attribute^=value]选取属性的值以value开始的元素集合元素[attribute$=value]选取属性的值以value结束的元素集合元素[attribute*=value]选取属性的值含有value的元素集合元素[selector1][selector2][selector3]用属性选择器合并成一个复合属性选择器,满足多个条件,每选择一次,缩小一次范围集合元素
3.5 子元素过滤选择器
子元素过滤选择器
选择器描述返回:nth-child(index/even/odd/equation)选取每个父元素下的第index个子元素或者奇偶元素.(index从1算起)集合元素:first-child选取每个父元素的第1个子元素集合元素:last-child选取每个父元素的最后一个子元素集合元素:only-child如果某个元素是它父元素中惟一的子元素,那么将会被匹配.如果父元素中含有其他元素,不会被匹配集合元素
nth-child()选择器是很常用的子元素过滤选择器,详细功能如下:
:nth-child(even)能选取每个父元素下的索引值是偶数的元素.
:nth-child(odd)能选取每个父元素下的索引值是奇数的元素.
:nth-child(2)能选取每个父元素下的索引值等于2的元素.
:nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素,(n从0开始).
:nth-child(3n+1)能选取每个父元素下的索引值足(3n+1)的元素.(n从0开始)
3.6 表单对象属性过滤选择器
表单对象属性过滤选择器
选择器描述返回:enabled选取所有可用元素集合元素:disabled选取所有不可用元素集合元素:checked选取所有被选中的元素(单选框,复选框)集合元素:selected选取所有被选中的选项元素(下拉列表)集合元素
4.表单状态选择器
表单状态选择器
选择器描述返回:input选取所有的<input>,<textarea>,<select>和<button>元素集合元素:text选取所有的单行文本框集合元素:password选取所有的密码框集合元素:radio选取所有的单选框集合元素:checkbox选取所有的多选框集合元素:submit选取所有的提交按钮集合元素:image选取所有的图像按钮集合元素:reset选取所有的重置按钮集合元素:button选取所有的按钮集合元素:file选取所有的一上传域集合元素:hidden选取所有不可见元素集合元素
转载于:https://www.cnblogs.com/huangkeming-web/p/3414916.html
