@Dreamingboy
2017-06-02T10:58:12.000000Z
字数 1136
阅读 899
jQuery
jQuery通过$()函数里面加上选择器来获得特定的元素。
1、基本选择器
| 选择器 | 作用 | 返回 | 语法 |
|---|---|---|---|
| id | 获得指定id的元素 | 单个元素 | $("#test") |
| .class | 获得指定class的元素 | 集合元素 | $(.text) |
| element | 获得指定的元素名的元素 | 集合元素 | $(div) |
| * | 获得所有的元素 | 集合元素 | $(*) |
| selector1,selector2,.... | 将每一个选择器匹到元素合并后一起返回 | 集合元素 | $(div,span,p.text)获得所有的div，span和具有类名为text的p元素 |
2、层次元素
| 选择器 | 作用 | 返回 | 语法 |
|---|---|---|---|
$("ancestor descendant") |
获取ancestor元素里面的descendant元素(所的后代) | 集合元素 | $(div span) |
$("parent>child) |
获取parent的自带中的child | 集合元素 | $(div>span) |
$(pre+next) |
获得紧接在pre元素后的next元素 | 集合元素 | $(.text+div) |
$(pre~siblings) |
获得pre元素之后的所有siblings元素 | 集合元素 | $(.text~div) |
next()：选择紧跟某个元素后面的透明同辈元素
nextAll()：选择某个元素后面的所有同辈元素
siblings()：选择某个元素所有同辈元素，无论位置的前后
过滤选择器的作用类似于css中的类，根据特定的规则进行过滤
1、基本过滤选择器
| 选择器 | 作用 | 返回 | 示例 |
|---|---|---|---|
| :first | 选取第一个元素 | 单个元素 | $("div:first")选取所有div元素中的第一个div |
| :last | 选取最后一个元素 | 单个元素 | $("div:last")选取所有div元素中的最后一个div |
| :not(selector) | 除去所有与选择器匹配的元素 | 集合元素 | $("input:not(.myclass)")选取class不是myclass的input元素 |
| :even | 选取索引是偶数的所有元素，索引从0开始 | 集合元素 | $("p:even")选取索引是偶数的p元素 |
| :odd | 选取元素是奇数的所有元素，索引从0开始 | 集合元素 | $("P:even")选取索引是奇数的所有p元素 |
| :eq(index) | 获取索引为index的元素，索引从0开始 | 单个元素 | $(p(1))选取所以为1的p元素 |
| :gt(index) | 获取索引大于index的元素（不包括index本身），索引从0开始 | 集合元素 | $("p:gt(1)")选取索引大于1的所有p元素 |
| :lt(index) | 获取索引小于index的元素（不包括index本身），所以从0开始 | 集合元素 | $("p:lt(1)")选取索引下雨index的p元素 |
| :header | 获取所有标题元素 | 集合元素 | $(:header)选取所有的h1、h2、h3等标题元素 |