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()方法
扫描二维码关注公众号,回复:
129062 查看本文章
同样是从DOM中去掉所有匹配的元素,但不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。
3.empty()方法
严格来讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中所有后代节点。