jquery选择器
2013-04-23 21:48
211 查看
jQuery选择器分类,总结
①基本选择器
1.根据id匹配元素
2.根据给定的类名匹配元素
3.根据给定的元素名匹配元素
4.匹配所有的元素
5.集合元素,将每个选择器匹配到的元素合并后一起返回
②层次选择器
1.后代元素选择器
2.子元素选择器----(>)
3.相邻元素选择器(紧接在前一个元素之后的选择器)--(+)
4.兄弟元素选择器()——( ~ )
③基本过滤选择器
1.所有div元素中,第一个div( $("div:first") )
2.所有div元素中,最后一个div( $("div:last") )
3.获取索引是偶数的所有元素,索引从0开始 ( $("div:even") )
3.获取索引是奇数的所有元素,索引从0开始 ( $("div:odd") )
4.获取索引等于1的所有元素 ($("div:eq(1)"))
5.获取索引大于1的所有元素 ($("div:gt(1)"))
6.获取索引小于1的所有元素 ($("div:lt(1)"))
7.获取网页中所有的h标签的内容;( $(":header") )
③内容过滤选择器
1.选取含有文本内容为text的元素
$(“div:containts(‘内容’)”).css()
2.选取含有某元素的元素
$(“div:has(span)”).css();
③属性过滤选择器
1.选取拥有此属性的选择器
$(“div[class]”).css();
2.选取属性值为value的元素
$(“div[class=w]”).css();
③可见性过滤选择器
④表单选择器
①基本选择器
1.根据id匹配元素
2.根据给定的类名匹配元素
3.根据给定的元素名匹配元素
4.匹配所有的元素
5.集合元素,将每个选择器匹配到的元素合并后一起返回
②层次选择器
1.后代元素选择器
2.子元素选择器----(>)
3.相邻元素选择器(紧接在前一个元素之后的选择器)--(+)
4.兄弟元素选择器()——( ~ )
③基本过滤选择器
1.所有div元素中,第一个div( $("div:first") )
2.所有div元素中,最后一个div( $("div:last") )
3.获取索引是偶数的所有元素,索引从0开始 ( $("div:even") )
3.获取索引是奇数的所有元素,索引从0开始 ( $("div:odd") )
4.获取索引等于1的所有元素 ($("div:eq(1)"))
5.获取索引大于1的所有元素 ($("div:gt(1)"))
6.获取索引小于1的所有元素 ($("div:lt(1)"))
7.获取网页中所有的h标签的内容;( $(":header") )
③内容过滤选择器
1.选取含有文本内容为text的元素
$(“div:containts(‘内容’)”).css()
2.选取含有某元素的元素
$(“div:has(span)”).css();
③属性过滤选择器
1.选取拥有此属性的选择器
$(“div[class]”).css();
2.选取属性值为value的元素
$(“div[class=w]”).css();
③可见性过滤选择器
④表单选择器
相关文章推荐
- jquery选择器全解
- jQuery选择器探究:正则表达式分析
- jQuery-使用选择器注意事项
- 第2章: jQuery选择器---目录
- jQuery选择器
- 举例讲解jQuery中可见性过滤选择器的使用
- 第二章 jQuery选择器 读书笔记(二)
- jQuery层次选择器
- 关于JQuery 选择器
- jQuery基本选择器选择元素使用介绍
- jQuery学习第三课(选择器第一讲)
- jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
- [翻译]jQuery 选择器的使用
- jQuery开发之选择器二
- 强大的jQuery选择器 平时用的太少了 下次要先来看看
- jQuery选择器
- jQuery层次选择器
- jQuery :contains 选择器
- [知了堂学习笔记]_JQuery选择器
- jQuery-强大的jQuery选择器