慕课网

jQuery基础(二)—DOM篇

最热最新

qq_蒙蒙细雨_0

$(要替换的位置).replaceWith(替换内容) $(替换内容).replaceAll(要替换的位置)

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2017-07-17
qq_蒙蒙细雨_0

$("div").clone() 只是复制了内容，并没有学会操作。 $("div").clone(true) 不仅复制了内容，而且学会操作，继续执行原操作。

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
慕丝1033313

replaceWith() 与replaceAll() 方法都可以实现元素节点的替换，二者最大的区别在于替换字符的顺序，前者是用括号中的字符替换所选择的元素，后者是用字符串替换括号中所选择的元素。同时，一旦完成替换，被替换元素中的全部事件都将消失。 <script type="text/javascript"> 2 $(function() { 3 $("#Span1").replaceWith("<span title='replaceWith'>Rainier</span>"); 4 $("<span title='replaceAll'>han163@163.com</span>").replaceAll("#Span2"); 5 }) 6 </script> 7 </head> 8 <body> 9 <p>姓名：<span id="Span1"></span></p> 10 <p>邮箱：<span id="Span2"></span></p> 11 </body>

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2018-03-22
慕丝1033313

HTML部分 <div></div> JavaScript部分 $("div").on('click', function() {//执行操作}) //clone处理一 $("div").clone() //只克隆了结构，事件丢失 //clone处理二 $("div").clone(true) //结构、事件与数据都克隆使用上就是这样简单，使用克隆的我们需要额外知道的细节： clone()方法时，在将它插入到文档之前，我们可以修改克隆后的元素或者元素内容，如右边代码我 $(this).clone().css('color','red') 增加了一个颜色通过传递true，将所有绑定在原始元素上的事件处理函数复制到克隆元素上 clone()方法是jQuery扩展的，只能处理通过jQuery绑定的事件与数据元素数据（data）内对象和数组不会被复制，将继续被克隆元素和原始元素共享。深复制的所有数据，需要手动复制每一个

查看全部

0 采集收起来源：DOM拷贝clone()
2018-03-22
Mr_Jp黎

$(".content").append('<div class="append">通过append方法添加的元素</div>') $('<div class="appendTo">通过appendTo方法添加的元素</div>').appendTo($(".content"))

查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2018-03-22
慕丝1033313

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

查看全部

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

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

查看全部

0 采集收起来源：DOM节点删除之empty和remove区别
2017-07-16
慕丝1033313

append()向每个匹配的元素内部追加内容 prepend()向每个匹配的元素内部前置内容 appendTo()把所有匹配的元素追加到另一个指定元素的集合中 prependTo()把所有匹配的元素前置到另一个指定的元素集合中

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-07-16
WL五楼

用原先div的内容作为新div的class，并将每一个元素包裹起来

查看全部

0 采集收起来源：DOM包裹wrap()方法
2017-07-16
慕丝1033313

创建元素：document.createElement 设置属性：setAttribute 添加文本：innerHTML 加入文档：appendChild

查看全部

0 采集收起来源：DOM创建节点及节点属性
2017-07-16
qq_蒙蒙细雨_0

empty() 清空内容，留有框架。 remove() 删除所有。 detach() 暂时性消失。

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2017-07-16
WL五楼

$("button:first").on('click', function() { //删除整个 class=test1的div节点 $(".test1").remove() }) $("button:last").on('click', function() { //找到所有p元素中，包含了3的元素 //这个也是一个过滤器的处理 $("p").remove(":contains('3')") })

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2018-03-22
qq_蒙蒙细雨_0

举例： $(yell).prepend(ow) owyell $(yell).prependto(ow) yellow $(yell).append(ow) yellow $(yell).appendto(ow) owyell

查看全部

0 采集收起来源：DOM内部插入prepend()与prependTo()
2017-07-16
qq_蒙蒙细雨_0

append和appendto 是在本元素的基础上添加内容或属性（指的是高宽等） after和before 是在本元素的前后添加新的元素，添加的元素和原元素处在同一等级，也就是说是兄弟关系

查看全部

0 采集收起来源：DOM外部插入after()与before()
2017-07-16
qq_蒙蒙细雨_0

举例： $(yell).append(ow) yellow $(ow).appendto(yello) yellow 添加的内容是全部属性，在代码中是宽

查看全部

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

首页上一页 132 133 134 135 136 137 138 下一页尾页

0/150

提交

取消

开始学习

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

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