jQuery学习之过滤选择器
2015-05-19 14:26
225 查看
基本过滤选择器
:first 选取第一个元素:$("div:first")
:last 选取最后一个元素:$("div:last")
:not(selector) 取出除selector之外的其他元素:$("div:not(.class)")
:even 选取索引为偶数的元素:$("div:even")
:odd 选取索引为奇数的元素:$("div:odd")
:eq(index) 索引等于index:$("div:eq(1)")
:gt(index) 索引大于index:$("div:gt(1)")
:lt(index) 索引小于index:$("div:lt(1)")
:header 选择所有标签元素(h1,h2,h3):$("div:header")
:animated 选取当前正在执行动画的所有元素:$("div:animated")
内容过滤选择器
:contain(text) 选取文本含有text的元素:$("div:contain('Hello world')")
:empty 选取不包含子元素或者文本的空元素:$("div:empty")
:has(selector) 选取含有选择器所匹配的元素的元素:$("div:has(p)")
:parent 选取含有子元素或者文本的元素:$("div:parent")
可见性过滤选择器
:hidden 选取不可见的元素
:visible 选取可见的元素
属性过滤选择器
[attribute] 选取拥有此属性的元素:$("div[align]")
[attribute=value] 选取属性值为value的元素:$("div[align=center]")
[attribute!=value] 选取属性值不为value的元素:$("div[align!=center]")
[attribute^=value] 选取属性值以value开始的元素:$("div[align^=center]")
[attribute$=value] 选取属性值以value结束的元素:$("div[align$=center]")
[attribute*=value] 选取属性值含有value的元素:$("div[align*=c]")
[attribute][attribute][attribute] 用属性选择器合并成的选择器:$("div[align*=c][id][class]")
子元素过滤选择器
:nth-child(index/even/odd/equation) 选取每个父元素下第index个元素(从1开始)
:first-child 选取每个父元素的第一个子元素
:last-child 选取每个父元素的最后一个子元素
:only-child 匹配只有一个子元素的父元素的子元素
表单对象属性过滤选择器
:enabled 选取所有可用元素
:disabled 选取所有不可用元素
:checked 选取所有被选中元素(单选框,复选框)
:selected 选取所有被选中元素(下拉列表)
:first 选取第一个元素:$("div:first")
:last 选取最后一个元素:$("div:last")
:not(selector) 取出除selector之外的其他元素:$("div:not(.class)")
:even 选取索引为偶数的元素:$("div:even")
:odd 选取索引为奇数的元素:$("div:odd")
:eq(index) 索引等于index:$("div:eq(1)")
:gt(index) 索引大于index:$("div:gt(1)")
:lt(index) 索引小于index:$("div:lt(1)")
:header 选择所有标签元素(h1,h2,h3):$("div:header")
:animated 选取当前正在执行动画的所有元素:$("div:animated")
内容过滤选择器
:contain(text) 选取文本含有text的元素:$("div:contain('Hello world')")
:empty 选取不包含子元素或者文本的空元素:$("div:empty")
:has(selector) 选取含有选择器所匹配的元素的元素:$("div:has(p)")
:parent 选取含有子元素或者文本的元素:$("div:parent")
可见性过滤选择器
:hidden 选取不可见的元素
:visible 选取可见的元素
属性过滤选择器
[attribute] 选取拥有此属性的元素:$("div[align]")
[attribute=value] 选取属性值为value的元素:$("div[align=center]")
[attribute!=value] 选取属性值不为value的元素:$("div[align!=center]")
[attribute^=value] 选取属性值以value开始的元素:$("div[align^=center]")
[attribute$=value] 选取属性值以value结束的元素:$("div[align$=center]")
[attribute*=value] 选取属性值含有value的元素:$("div[align*=c]")
[attribute][attribute][attribute] 用属性选择器合并成的选择器:$("div[align*=c][id][class]")
子元素过滤选择器
:nth-child(index/even/odd/equation) 选取每个父元素下第index个元素(从1开始)
:first-child 选取每个父元素的第一个子元素
:last-child 选取每个父元素的最后一个子元素
:only-child 匹配只有一个子元素的父元素的子元素
表单对象属性过滤选择器
:enabled 选取所有可用元素
:disabled 选取所有不可用元素
:checked 选取所有被选中元素(单选框,复选框)
:selected 选取所有被选中元素(下拉列表)
相关文章推荐
- JavaScript学习笔记8-jQuery内容过滤选择器、可见性过滤选择器深度解析
- JavaScript学习笔记8-jQuery属性过滤选择器、子元素过滤选择器深度解析
- JQuery学习笔记-基本过滤选择器
- a毛 jquery 学习记 4过滤选择器1
- jQuery的内容过滤选择器学习教程
- 一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 && 内容过滤选择器 && 可见性过滤选择器
- 元素过滤JQuery学习(2)选择器(2)
- Jquery实战学习--过滤选择器
- JQuery学习笔记-基本过滤选择器
- jquery学习之几种过滤选择器
- jQuery学习之过滤选择器
- 【9】jQuery学习——入门jQuery选择器之过滤选择器-属性过滤选择器
- Jquery实战学习--内容过滤选择器
- 【11】jQuery学习——入门jQuery选择器之过滤选择器-表单对象属性过滤选择器
- jQuery学习心得----第二集:层次选择器和过滤选择器
- 前端学习笔记-jquery-10-(过滤选择器)过滤器:内容过滤器
- jQuery之过滤选择器学习笔记
- jQuery的内容过滤选择器学习教程
- jQuery学习笔记之可见性过滤选择器
- [JQuery]学习——过滤选择器