慕课网

jQuery基础(二)—DOM篇

最热最新

Diyshow

detach()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。
$("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

当然这里要特别注意，detach方法是JQuery特有的，所以它只能处理通过JQuery的方法绑定的事件或者数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()

2019-08-08

Diyshow
empty方法
- 严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点
- empty不能删除自己本身这个节点
remove方法
- 该节点与该节点所包含的所有后代节点将同时被删除
- 提供传递一个筛选的表达式，删除指定合集中的元素
查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2019-08-08
Diyshow
```
$("p").filter(":contains('3')").remove()
```
通过filter过滤来筛选需要被remove（）的元素
查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2019-08-08
Diyshow

remove表达式参数：
remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定的节点
我们可以通过$()选择一组相同的元素，然后通过remove（）传递筛选的规则，从而这样处理

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2019-08-08
Diyshow
不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。
```
通过empty移除了当前div元素下的所有p元素
但是本身id=test的div元素没有被删除
```
查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2019-08-08
Diyshow
- insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入；
- insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；
- insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入；
- insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；
$(' 需要插入的内容 ')。insertAfter（$（‘ 元素参数 ’））
查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2019-08-08
Diyshow
- append()向每个匹配的元素内部追加内容
- prepend()向每个匹配的元素内部前置内容
- appendTo()把所有匹配的元素追加到另一个指定元素的集合中
- prependTo()把所有匹配的元素前置到另一个指定的元素集合中
查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2019-08-08
qq_慕娘306981

在两个有着同样类名的子元素下的父级元素，
$('.item-a').parent(':last').css('border', '1px solid blue')
意思就是查找类名为iteam-a的后一个父级元素的

查看全部

0 采集收起来源：jQuery遍历之parent()方法
2019-07-16
qq_慕娘306981

看评论$(this)有解释

查看全部

0 采集收起来源：DOM拷贝clone()
2019-07-15
qq_慕娘306981
1. 内部插入时父子关系外部插入时兄弟关系
2. append()向后面插入 appendTo()一样，只是把插入的顺序颠倒
prepend()向前面插入 prependTo()一样，只是把插入的顺序颠倒
3. 外部用法一样，就是位置不同
查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2019-07-14
慕运维5087992

它添加父元素后，css样式还是正常的来，比如他父级有div，它加了div，就会延续属性。
$('a').wrap(function() {
return '<div class="' + $(this).text() + '" />';
})

查看全部

0 采集收起来源：DOM包裹wrap()方法
2019-07-12
慕运维5087992
- .replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别
- .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序
- .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用
- .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点
查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2019-07-12
慕运维5087992
```
$("p").filter(":contains('3')").remove()
```
$("p").remove(":contains('3')")
查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2019-07-12
刘syl970104

$("li").each(function(index,element){
if(!index%2)
{
$(this).css('color','red');
}

})

查看全部

0 采集收起来源：jQuery遍历之each()
2019-07-11
刘syl970104

$('<a >替换第二段内容</a>').replaceAll('p:ep(1)');
$('p:ep(1)').replaceWith('<a >替换第二段内容</a>');

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2019-07-11

首页上一页 14 15 16 17 18 19 20 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作