慕课网

jQuery基础(二)—DOM篇

最热最新

dabear

replaceWith返回 p1 = $(".right > div:first p:eq(1)").replaceWith('<a >replaceWith替换第二段的内容</a>') 返回$(".right > div:first p:eq(1)")匹配的节点集合 replaceAll返回 p2 = $('<a >replaceAll替换第六段的内容</a>').replaceAll('.right > div:last p:last'); 返回$('<a >replaceAll替换第六段的内容</a>')

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
青葱年少时丶

DOM节点删除之保留数据的删除操作detach() 让一个web元素托管。即从当前页面中移除该元素，但保留这个元素的内存模型对象 .detach()不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都不会保留下来。 $("div").detach()这一句话会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。特别注意，detach()方法是jQuery特有的，所以它只能处理通过jQuery的方法绑定的事件或数据

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
青葱年少时丶

DOM节点删除之empty()和remove()区别要用到移除指定元素的时候，jQuery提供了empty()与remove([expr])二个方法。两个都是删除元素，但是两者还是有区别的 empty方法: 1. 严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素的所有的后代节点 2. empty不能删除自己本身这个节点 remove方法: 1. 该节点与该节点所包含的所有后代节点将同时被删除 2. 提供传递一个筛选的表达式，删除指定集中的元素以上就是二者的区别

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-12-03
dabear

p = $("p").detach() 改为 empty 删除操作会清除p元素内容, 然后返回自身元素集合, 再append的时候会把文档树中已经存在的dom节点移除, 再在末尾追加empty后返回的元素集合; 自然, 原先绑定在p元素上的事件仍旧有效(改动样式至可以点击的宽高) 改为remove 删除会删除p元素, 然后返回删除的内容; 再append的时候, 在末尾追加remove后返回的内容; 但原先绑定在p元素上的事件不再有效

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2018-03-22
青葱年少时丶

DOM节点删除至remove()的有参用法和无参用法 remove与empty一样，都是移除元素的方法，但是remove()会将元素自身移除，同时也会移除元素内部的一切，包括绑定的事件及该元素相关的jQuery数据。例如一段节点，绑定点击事件 <div class="hello"><p>慕课网</p></div> $('.hello').on("click",fn) 如果不通过remove方法删除这个节点其实也很简单，但是同时需要把事件给销毁掉，这是为了防止"内存泄露"，所以前端开发者一定要注意，绑定了多少事件，不用的时候一定要记得销毁。通过remove方法移除div及其内部的所有元素，remove内部会自动操作事件销毁方法，所以使用起来非常简单。 //通过remove处理 $('.hello').remove() //结果:<div class="hello"><p>慕课网</p></div> 会全部被移除 //节点不存在了，同时事件也会被销毁 remove 表达式参数: remove比empty好用的地方就是可以传递一个选择器表达式用来过滤将被移除的匹配元素集合，可以选择性的删除指定节点我们可以通过$()选择一组相同的元素，然后通过remove()传递筛选的规则，从而这样处理

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
慕斯卡1132645

$('A').add('B')选择A的同时也选择了B

查看全部

0 采集收起来源：jQuery遍历之add()方法
2017-12-03
慕斯卡1132645

siblings()找我所有的兄弟

查看全部

0 采集收起来源：jQuery遍历之siblings()
2017-12-03
慕斯卡1132645

prev()我前面的兄弟

查看全部

0 采集收起来源：jQuery遍历之prev()方法
2017-12-03
慕斯卡1132645

next()找我后面的兄弟

查看全部

0 采集收起来源：jQuery遍历之next()方法
2017-12-03
慕斯卡1132645

closest()从本身开始向上找你想要的

查看全部

0 采集收起来源：jQuery遍历之closest()方法
2017-12-03
慕斯卡1132645

.children() 找儿子

查看全部

0 采集收起来源：jQuery遍历之children()方法
2017-12-03
慕斯卡1132645

wrap()穿外套，wrapInner()穿内衣

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2017-12-03
慕斯卡1132645

.wrapAll( wrappingElement )给一群人加上同一个爸爸 .wrapAll( function ) 给每个人加上各自的爸爸

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2017-12-03
慕斯卡1132645

.unwrap 爸爸没了

查看全部

0 采集收起来源：DOM包裹unwrap()方法
2017-12-03
慕斯卡1132645

.wrap 每个人加个爸爸 .append 最后面加个兄弟 (结合appendTo()来记) .prepend 最前面加个兄弟(prependTo()来记) .before 我的前面加个兄弟(结合insertBefore来记) .after我的后面加个兄弟(结合insertAfter()来记) .detach() 隐身 .remove 自杀 .empty 身体被掏空 .clone 复制（true全复制 false 浅复制，无事件） .replaceWith 删除并替换节点（结合.replaceAll()来记）

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-12-03

首页上一页 93 94 95 96 97 98 99 下一页尾页

0/150

提交

取消

开始学习

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

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