jQuery选择器
1.基本选择器
| 选择器 | 描述 |
|---|---|
| #id | 根据给定的ID匹配一个元素 |
| .class | 根据给定的类名匹配元素 |
| element | 根据给定元素名匹配元素 |
| * | 匹配所有元素 |
| selector1,selector2,selector3 | 将每一个选择器匹配到的元素合并返回 |
2.层次选择器
| 选择器 | 描述 |
|---|---|
| $('a d') | 选取a元素里所有的d后代元素 |
| $('p>c') | 选取p元素下的c子元素 |
| $('prev+next') | 选取紧邻在prev元素后的next元素 |
| $('prev~siblings') | 选取prev元素之后的所有siblings兄弟元素 |
3.过滤选择器
| 选择器 | 描述 |
|---|---|
| :first | 选取第一个元素 |
| :last | 选取最后一个元素 |
| :not(selector) | 去除所有与指定选择器匹配的元素 |
| :even | 选取所有索引是偶数的元素 |
| :odd | 选取所有索引是奇数的元素 |
| :containes(text) | 选取所有文本内容为'text'的元素 |
| :empty | 选取不包含子元素或者文本的空元素 |
| :has | 选取含有选择器所匹配的元素的父元素 |
| [attr] | 选取拥有此属性的元素 |
| [attr = value] | 选取属性值为value的元素 |
| [attr^=value] | 选取属性值以value开头的元素 |
| [attr$=value] | 选取属性值以value结束的元素 |
| [attr*=value] | 选取属性值含有value的元素 |
| :nth-child(index) | 选取父元素下第index个子元素或者奇偶元素 |
| :first-child | 选取父元素的第一个子元素 |
| :last-child | 选取每个父元素的最后一个子元素 |
查找节点和创建节点
1.查找节点
1.查找元素节点
查找元素节点非常简单，用 jQuery 择器即可完成。
利用选择器查找到需要的元素之后，就可以使用attr()方法来获取它的各种属性值。
2.创建节点
1.创建元素节点
使用 jQuery 的工厂函数$()来完成创建，然后使用append()方法插入文档中。
创建属性节点也是直接在创建元素时一起创建。
插入节点和删除节点
1.插入节点的方法
| 方法 | 描述 |
|---|---|
append() |
向每个元素内部追加内容 |
appendTo() |
将所有匹配的元素追加指定的元素中 |
prepend() |
向每个匹配的元素内部前置内容 |
prependTo() |
将所有匹配的元素前置到指定元素中 |
after() |
在每个匹配的元素之后插入内容 |
insertAfter() |
将所有匹配的元素插入到指定元素的后面 |
before() |
在每个匹配的元素之前插入内容 |
insertBefore() |
将所有匹配的元素插入到指定元素的前面 |
2.删除节点
jQuery提供了三种方法删除节点：remove(),detach(),empty()。
1.remove()方法
2.detach()方法
同样是从DOM中去掉所有匹配的元素，但不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。
3.empty()方法
严格来讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中所有后代节点。