黑马程序员 jquery选择器和过滤器
2014-03-01 09:54
253 查看
---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流!
----------------------
一.选择器
1.什么是选择器
给jq一个条件,jq在dom树里面找到我们需要的元素2.id选择器
$("#元素id名")3.class选择器
$(".元素class名")4.元素选择器
$("元素类型")如div, inout等等
5.*号选择器
$("*")返回当前页面的所有的dom元素,包括html,body这些元素
6.多条件选择器
$("选择条件")1.无逗号隔开
$("元素类型#元素名称.元素class名")
选择同时满足条件的元素
2.用逗号隔开
逗号可以看成是"或"
3.用空格隔开
选择空格前面元素的子元素
4.用逗号隔开且逗号前面为选择条件,后面为jq对象
以后面为作用域里查找满足条件的
5.用>直接选择子元素
如$("ul>li")
6.使用"条件1+条件2"查找条件1后第一个满足条件2兄弟节点
7.使用"条件1~条件2"查找条件1后面所有的满足条件2的节点
7.属性选择器
1.元素名[属性]选择存在该属性的元素或标签
2.元素名[属性^=条件]
选择属性以条件开头的元素或标签
3.元素名[属性$=条件]
选择属性以条件结尾的元素或标签
4.元素名[属性!=条件]
选择属性不等于条件或不存在该属性特征的元素或标签
5.元素名[属性*=条件]
选择属性含有条件的元素或标签
6.元素名[属性=条件]
选择属性满足条件的元素或标签
2.过滤器
1.元素a:first
匹配第一个元素a如 img:first
2:元素:last
匹配最后一个元素a如img:last
3.元素:first-child:
匹配第一个子节点的该元素4.元素:last-child
匹配最后一个子节点的该元素5.元素:noly-child
匹配没有兄弟节点的该元素6.元素:nth-child(n)
匹配第n个节点的该元素7.元素:nth-child(even| odd)
匹配偶数|奇数子节点的该元素8.元素:even
匹配偶数元素9.元素:odd
匹配奇数元素10.eq(n)
匹配n个元素11.gt(n)
匹配第n个元素后的元素12.lt(n)
匹配第n个元素前的元素13.:not
例如$("input[type='checkbox']:not(:checked)")在返回值中删除被选中的选着框
14.:has
例如$("div:has(span)")匹配所有包含span的div标签
---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流!
----------------------
详细请查看:http://edu.csdn.net
相关文章推荐
- 2、jQuery操作Dom(过滤器与选择器)
- jQuery 学习日记(二):选择器与过滤器
- JQuery的常用选择器、过滤器、方法祥细介绍
- JQuery 提供的函数 JQuery选择器 过滤器
- jQuery选择器-过滤器
- JQUERY1.9学习笔记 之内容过滤器(三) has选择器
- JQuery 选择器、过滤器介绍
- JQuery 选择器、过滤器介绍
- JQuery基本过滤选择器与表单对象过滤器
- JQuery的常用选择器、过滤器、方法全面介绍
- DOM与JQuery选择器、过滤器的介绍
- JQuery 之选择器 & 过滤器 获取元素 标签对象
- jQuery选择器过滤器
- 34、实例 jQuery过滤选择器之定位过滤器
- 前端学习笔记-jquery-9-(过滤选择器)过滤器:基本过滤器
- jQuery选择器与过滤器
- JQuery 选择器、过滤器介绍
- JQuery选择器、过滤器大整理
- 35、实例 jQuery过滤选择器之内容过滤器
- 前端学习笔记-jquery-10-(过滤选择器)过滤器:内容过滤器