jQuery选择器
2016-10-11 09:18
176 查看
1.子类选择器
div p 全部子类孙类
div>p 子类
2.相邻选择器
prev+next 相邻元素包含子类
prev~next相邻元素不包含子类
3.元素选择器
p.test 选择class为test的p元素
p#test 选择id为test的p元素
4.属性选择器
a[href]选取所有带有href的属性的a标签元素
[href='#']选取所有带有href等于#的元素
[href!='#']选取带有href不等于#的元素
[href$='.jpg’]选取带有href以.jpg结尾的元素
5.内容过滤
:contains(‘’)包含内容选择器
:empty 不包含子元素
:has() 包含某种子元素的选择器
:parent 包含子元素的选择器
6.其他
p:first
p:last
ul li:eq(3) eq表示选取index为3的元素index从0记起
ul li:qt(3) qt表示大于
ul li:lt(3) lt表示小于
:header 所有标题为1-6的元素
:hidden display:none的元素
:visible display:block的元素
7.表单过滤
:submit
:text
:reset
:selected
:radio
:password
:input
:button
:checkbox
:button
:checked
:enable
:focus
:image
div p 全部子类孙类
div>p 子类
2.相邻选择器
prev+next 相邻元素包含子类
prev~next相邻元素不包含子类
3.元素选择器
p.test 选择class为test的p元素
p#test 选择id为test的p元素
4.属性选择器
a[href]选取所有带有href的属性的a标签元素
[href='#']选取所有带有href等于#的元素
[href!='#']选取带有href不等于#的元素
[href$='.jpg’]选取带有href以.jpg结尾的元素
5.内容过滤
:contains(‘’)包含内容选择器
:empty 不包含子元素
:has() 包含某种子元素的选择器
:parent 包含子元素的选择器
6.其他
p:first
p:last
ul li:eq(3) eq表示选取index为3的元素index从0记起
ul li:qt(3) qt表示大于
ul li:lt(3) lt表示小于
:header 所有标题为1-6的元素
:hidden display:none的元素
:visible display:block的元素
7.表单过滤
:submit
:text
:reset
:selected
:radio
:password
:input
:button
:checkbox
:button
:checked
:enable
:focus
:image
相关文章推荐
- JavaScript查找HTML节点,以及常用的jQuery选择器
- jQuery选择器中的特殊符号和关键字
- 老生常谈jquery id选择器和class选择器的区别
- jquery选择器如何获取父级元素、同级元素、子元素
- 锋力JQuery-第二章 选择器
- JAVA-26.1-jQuery基础、派发事件、效果、选择器
- JQuery里面的几种选择器——查找满足条件的元素$("#控件ID")
- jquery选择器实例说明
- jquery选择器扩展之样式选择器
- 从零开始学习jQuery (二) 万能的选择器
- [置顶] 强大的jquery选择器
- JQuery学习笔记一:选择器
- 演示--Jquery核心选择器
- jquery 选择器
- jquery选择器之基本过滤选择器
- jquery选择器 之 获取父级元素、同级元素、子元素
- 前端备忘录--JQuery选择器
- jquery选择器
- jquery层级选择器
- JQuery 教程之选择器