jquery学习笔记之选择器
来源:互联网 发布:打谱软件overture4.0 编辑:程序博客网 时间:2024/04/27 20:46
几乎所有的主流浏览器都支持的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学习笔记之选择器
- jquery学习笔记之选择器
- jQuery学习笔记之选择器
- jQuery学习笔记之jQuery选择器
- jQuery学习笔记2之jQuery选择器
- JQuery学习笔记之JQuery选择器
- JQuery学习笔记2:选择器之二
- JQuery学习笔记3:选择器之三
- JQuery学习笔记4:选择器之四
- JQuery学习笔记5:选择器之五
- JQuery学习笔记6:选择器之六
- jQuery学习笔记之三-----常规选择器
- jQuery学习笔记之四----过滤选择器
- jQuery学习笔记之七-----表单选择器
- JQuery学习笔记之过滤性选择器
- JQuery学习笔记之属性选择器
- jQuery之CSS选择器学习笔记
- jQuery之层级选择器学习笔记
- the request was rejected
- byte[] 数组越界,System.arraycopy()方法
- Codeforces 467D Fedor and Essay bfs
- 在android上运行ubuntu13.10
- STL algorithm算法mismatch(37)
- jquery学习笔记之选择器
- js 把非数数字不允许输入
- ksum 问题
- 安防
- Struts2初认识(1)
- Flex 页面空白或Error #2032
- java中的控制台输入
- Android的bootloader
- 打印菱形