jquery 学习日记之选择器
看完Jquery选择器的教程视频后,对jquery的选择器有一定的认识和了解,现整理一下知识:
一、jquery基本选择器,这类比较简单,一笔带过。
- #id 选择器,是选择 匹配id值中的第一个元素,只选择第一个,后面所有匹配的均忽略。
- element 元素选择器,匹配所有 标签为element的所有元素。选择了所有。
- 类选择器,选择所有类为class的所有元素,也是选择了所有。
- * 模糊匹配
- 匹配多元素选择器,用逗号分隔,如$("p,a")
二、层级先择器 (再这样总结浪费时间,以下均只写自己的看法)
- $("table td")后代选择器,是选择<table>下所有的元素,包括子元素和子子元素等。以空格分隔
- $("table > td")子元素匹配,只匹配子元素。以>分隔
- prev + next 匹配紧接在prev元素后的next元素,若紧接着的不是next 元素,则选择失败。以+分隔
- prev ~ siblings 匹配在prev元素后的所有siblings元素,无论紧接与否。
三、属性选择器
- [] 用法$("[href]") 选择带href属性的元素。
- []=value 选择属性值为value的元素
- []!=value 选择属性值 不为value的元素
- []^=value 选择属性值以value开头的元素
- []$=value 选择属性值以value 结尾的元素
- []*=value 选择属性值中含value的元素
- [][][] 选择同时包含多属性的元素