慕课网

jQuery基础(二)—DOM篇

最热最新

Mihan

<div class="wrapbox"> <button class="wrap-btn1">点击，通过wrap()方法给span添加父容器div</button> <button class="wrap-btn2">点击，通过wrap()方法给a添加父容器div</button> <span>P元素</span> <a>a元素</a> <button class="wrap-btn3">点击，通过unwrap()方法给span删除父容器div</button> <button class="wrap-btn4">点击，通过unwrap()方法给a删除父容器div</button> </div> <script type="text/javascript"> $(".wrap-btn1").click(function(){ $(".wrapbox span").wrap("<div style='background-color: red; color: #fff;'></div>"); }); $(".wrap-btn2").click(function(){ $(".wrapbox a").wrap(function(){ return "<div style='background-color: blue; color: #fff;'></div>" }) }); $(".wrap-btn3").click(function(){ $(".wrapbox span").unwrap("<div></div>"); }); $(".wrap-btn4").click(function(){ $(".wrapbox a").unwrap(function(){ return "<div></div>" }) }); </script>

查看全部

0 采集收起来源：DOM包裹wrapAll()方法
2018-03-22
逍_逝

HTML部分 <div></div> JavaScript部分 $("div").on('click', function() {//执行操作}) //clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
逍_逝

remove：移除节点无参数，移除自身整个节点以及该节点的内部的所有节点，包括节点上事件与数据有参数，移除筛选出的节点以及该节点的内部的所有节点，包括节点上事件与数据 detach：移除节点移除的处理与remove一致与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来例如：$("p").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2018-03-22
逍_逝

$("div").detach()这一句会移除对象，仅仅是显示效果没有了。但是内存中还是存在的。当你append之后，又重新回到了文档流中。就又显示出来了。

查看全部

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

clone()克隆元素结构 clone(true)克隆元素结构、事件、数据等

查看全部

0 采集收起来源：DOM拷贝clone()
2017-05-22
Mihan

detach()移除元素显示效果，保留绑定事件和附件数据。 remove()移除元素，移除元素本身、移除绑定事件、移除数据

查看全部

0 采集收起来源：DOM节点删除之detach()和remove()区别
2017-05-22
KingStar1 00:47

111

查看全部

0 采集收起来源：jQuery基础(二)—DOM篇课程介绍
2017-05-22
Mihan

empty() 清空方法，只移除指定元素中的所有子节点（包含文本）

查看全部

0 采集收起来源：DOM节点删除之empty()的基本用法
2017-05-22
Mihan

区别: 1、before() 插入到“内容”的前面 2、insertBefore() 插入到“元素”的前面，不支持多参数

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-05-22
Mihan

创建节点： $("<div></div>") 创建文本节点： $("<span>本文文本文本</span>") 创建属性节点： $("<div id='arron' class='test'><span>本文文本文本</span></div>")

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2018-03-22
逍_逝

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-05-22
逍_逝

注意事项： insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入； insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

查看全部

0 采集收起来源：DOM外部插入insertAfter()与insertBefore()
2017-05-22
逍_逝

这里总结下内部操作四个方法的区别： append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-05-22
逍_逝

注意点： after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入 before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插

查看全部

0 采集收起来源：DOM外部插入after()与before()
2017-05-22
逍_逝

appendTo：实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2017-05-22

首页上一页 158 159 160 161 162 163 164 下一页尾页

0/150

提交

取消

开始学习

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

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