jquery学习笔记之选择器
2014-09-19 09:32
447 查看
几乎所有的主流浏览器都支持的css选择器有:ID选择器、class选择器、标签选择器、类选择器(E.className)、群组选择器、后代选择器、通配符选择器,此外,css还有伪类选择器、子选择器、临近选择器(E+F)和属性选择器,css3新增的选择器有包含选择器(*)、开始选择器(^)、结尾选择器($)
jquery选择器的优势:简洁的写法,支持css1到css3选择器、完善的处理机制(比如获取不存在的id或class时也不会报错)。
一、基本选择器
熟悉css 选择器的都知道这类选择器是什么。
二、层次选择器
层次选择器即是通过DOM元素之间的层次关系来获取元素,例如后代选择器、子选择器、相邻选择器(prev+next,next()可以替代它)、兄弟选择器(prev~siblings,nexAall()可以代替它,注意siblings()与之区别)
三、基本过滤选择器
即:first、:last、:not(selector)、:even、:odd、:eq(index)、gt(index)、lt(index)、:header、:animated#注意index是从0开始的#
四、内容过滤选择器
即:contains(text)、:empty、:has(selector)、:parent
五:可见性选择器
即:hidden、:visible
六、属性过滤选择器
七、子元素过滤选择器
:nth-child(index,该index是从1开始,注意与上面index的区别)、:first-child、:last-child、:only-child
八、表单对象属性过滤选择器
:enabled、:disabled、:checked、:selected
九、表单选择器
:input(包括选取的input元素、textarea元素、select元素、button元素)、:text(选取所有单行文本)、:password、:radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden
写这些选择器时要注意的事项:
1.选择器中含有“.”、“#”、“(”、“]”时要用转义字符//
2.属性选择器中含有@时要去掉
3.选择器中含有空格的注意事项
$(".test :hidden");带空格是选取clsss为“test“的元素里面的隐藏元素
$(".test:hidden")不带空格是选取隐藏的class为”test“的元素
jquery选择器的优势:简洁的写法,支持css1到css3选择器、完善的处理机制(比如获取不存在的id或class时也不会报错)。
一、基本选择器
熟悉css 选择器的都知道这类选择器是什么。
二、层次选择器
层次选择器即是通过DOM元素之间的层次关系来获取元素,例如后代选择器、子选择器、相邻选择器(prev+next,next()可以替代它)、兄弟选择器(prev~siblings,nexAall()可以代替它,注意siblings()与之区别)
三、基本过滤选择器
即:first、:last、:not(selector)、:even、:odd、:eq(index)、gt(index)、lt(index)、:header、:animated#注意index是从0开始的#
四、内容过滤选择器
即:contains(text)、:empty、:has(selector)、:parent
五:可见性选择器
即:hidden、:visible
六、属性过滤选择器
七、子元素过滤选择器
:nth-child(index,该index是从1开始,注意与上面index的区别)、:first-child、:last-child、:only-child
八、表单对象属性过滤选择器
:enabled、:disabled、:checked、:selected
九、表单选择器
:input(包括选取的input元素、textarea元素、select元素、button元素)、:text(选取所有单行文本)、:password、:radio、:checkbox、:submit、:image、:reset、:button、:file、:hidden
写这些选择器时要注意的事项:
1.选择器中含有“.”、“#”、“(”、“]”时要用转义字符//
2.属性选择器中含有@时要去掉
3.选择器中含有空格的注意事项
$(".test :hidden");带空格是选取clsss为“test“的元素里面的隐藏元素
$(".test:hidden")不带空格是选取隐藏的class为”test“的元素
相关文章推荐
- JQuery学习笔记02-选择器把需要的东西揪出来(基础)
- JQuery学习笔记1:选择器之一
- jQuery学习笔记之jQuery选择器的使用
- JQuery 参考手册 学习笔记(4)-选择器
- jquery学习笔记一:选择器高级语法
- JQuery 学习笔记 选择器之三
- JQuery 选择器学习笔记
- jQuery学习笔记之jQuery选择器的使用
- JQuery学习笔记(一)选择器
- jQuery学习笔记——各类选择器
- {传智播客} (学习笔记)--JQuery需要掌握的是9种选择器的用法
- JQuery学习笔记6:选择器之六
- jQuery学习笔记(二)选择器 事件
- JQuery 学习笔记 选择器之六
- JQuery 学习笔记 选择器之一
- jQuery学习笔记--jQuery选择器
- JQuery 学习笔记 选择器之四
- jquery学习笔记之选择器
- jQuery学习笔记——jQuery选择器详解种类与方法
- jQuery学习笔录2(jQuery学习笔记——选择器(2)&过滤器)