1.基本选择器
#id | id选择器,加#号 |
tagName | 字母开头,表示tag名,比如p,div |
.class | .开头,表示css类选择 |
* | 全选 |
selector1,selector2,selector3 | ,分隔,表示多个选择器 |
2.层次选择器
ancestor descendant | 空格分隔,表示所有后代(子元素及子元素的子元素... |
parent>child | >分隔,表示子元素 |
prev+next | +分隔表示紧跟在prev之后的相邻元素 |
prev~siblings | ~分隔,表示跟在prev之后所有的元素 |
3.过滤选择器
first(),或:first | |
last(),或:last | |
:not(selector) | 取反 |
:even | |
:odd | |
:eq(index) | |
:gt(index) | |
:lt(index) | |
:header | 所有标题类型的元素,比如h1,h2 |
:animated | 正在执行动画的元素 |
4.内容过滤器
:contains(text) | 包含文本内容 |
:empty | 不包含子元素与文本内容的 |
:has(selector) | 拥有某选择器的 |
:parent | 父元素 |
5.可见性过滤器
:hidden | |
:visible |
6.属性过滤器
[attribute] | 包含给定的属性 |
[attribute=value] | 指定的属性等于指定的值 |
[attribute!=value] | 指定的属性不等于指定的值 |
[attribute^=value] | 指定的属性值开头等于指定的值 |
[attribute$=value] | 指定的属性值结尾等于指定的值 |
[attribute*=value] | 指定的属性值包含指定的值 |
[attr-selector][attr-selector][attr-selector] | 同时满足几个属性条件 |
7.子元素过滤器
:nth-child(eq|even|odd|index) | 获取父元素下的特定的子元素,index 从1开始 |
:first-child | 第一个子元素 |
:last-child | 最后一个子元素 |
:only-child | 获取仅有的一个子元素 |
8.表单对象 属性过滤器
:enabled | |
:disabled | |
:checked | |
:selected | option里被选中的 |
9.表单对象选择器
:input | 包含text,textarea,select |
:text | 只包含单选输入的 text |
:password | |
:radio | |
:checkbox | |
:submit | |
:image | |
:reset | reset 按钮 |
:button | |
:file |
相关推荐
Jquery选择器,Jquery选择器Jquery选择器Jquery选择器Jquery选择器Jquery选择器
jQuery选择器大全(48个代码片段 21幅图演示)
jQuery选择器全解.
jQuery选择器速查表,包括了jQuery的基本选择器、层次选择器、过滤选择器、表单选择器,方便以后查找。
Jquery选择器; 基本选择器;jQuery选择器;jQuery选择器; 层级选择器;jQuery选择器;;; 筛选选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器;jQuery选择器; 排他思想;jQuery选择器;jQuery...
jquery 选择器 描述
jQuery选择器过滤器全面的总结,老师推荐!
JQuery 选择器,方便 使用的技术
经典的jQuery选择器应用例子,直观的演示了各种选择器的应用例子。对学习jQuery很有帮助。
jQuery选择器大全(48个代码片段+21幅图演示)
这是一份比较全面的jQuery选择器基础知识,包括源代码和相应的ppt,供大家分享
Jquery选择器分类整理,基本都包含到了,学习笔记。
jquery选择器功能无比强大,用好了可以起到事半功倍的效果,这个资源把选择器单独列出来,便于方便查找
jquery选择器入门详解小案例,内附框架脚本,直接运行即可,可以查看源码!
JQuery选择器详解JQuery选择器详解
jquery初学者必备,有各种jquery的选择器,个人学习时整理
jQuery选择器总结,网上下载的,非原创的,仅供参考,学习学习。
通过思维导图对知识进行梳理,以便记忆
内置详细的Jquery全部选择器,程序员或初学者必备。
(24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台...