博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DOM——拷贝.clone()与替换.replaceWith() 和.replaceAll()及包裹.wrap()
阅读量:6585 次
发布时间:2019-06-24

本文共 1042 字,大约阅读时间需要 3 分钟。

      拷贝.clone()与替换.replaceWith() 和.replaceAll()及包裹.wrap()

1   .clone()深度复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素和文字节点

2   如果节点有事件或者数据之类的其他处理,需要通过clone(ture)传递一个布尔值ture来指定,不仅克隆单纯的节点结构,还把附带的事件与数据一并克隆了

3   使用clone()时,再将它插入到当前文档之前,可以修改克隆后的元素或者元素内容

4   通过传递true将所有绑定在原始元素上的事件处理函数复制到克隆元素上

5   .clone()是JQuery扩展的,只能处理通过JQuery绑定的事件与数据

6   元素数据(data)内对象和数组不会被复制,将继续被克隆元素和原始元素共享,如果深度复制所有数据,需要手动一一复制

7   .replaceWith(newContent)用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合,即用$()选择节点A,调用replaceWith方法,传入一个新的内容B(HTML字符串、DOM元素或者JQuery对象)用来替换选中的节点A

8   .replaceAll(target)用集合的匹配元素替换每个目标元素

9   .replaceWith()返回的JQuery对象引用的是替换前的节点,而不是通过.replaceWith() 或者.replaceAll()方法替换后的节点,还可以和其他方法链接使用

10   .replaceWith() 和.replaceAll()功能类似,会删除与节点相关联的所有数据和事件处理程序

11    .replaceWith() 和.replaceAll()目标和源的位置相反

12   .wrap(wrappingElement)在集合中匹配的每个元素周围包裹一个HTML结构

13   .wrap(function)一个回调函数,返回用于包裹匹配元素的HTML内容或JQuery对象

14   使用后的效果与直接传递参数是一样,可以把代码写在函数体内部,写法不同

15   .wrap()函数可以接受任何字符串或对象,可以传递给$()工厂函数来指定一个DOM结构,这种结构可以嵌套好几层,但只包含一个核心的元素,每个匹配的元素都会被这种结构包裹,该方法返回原始的元素集,以便之后使用链式方法

本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1983945

转载地址:http://htano.baihongyu.com/

你可能感兴趣的文章
复杂recyclerView封装库
查看>>
见微知著 —— Redis 字符串内部结构源码分析
查看>>
Command './js-ant' failed to execute
查看>>
阿里云NFS NAS数据保护实战
查看>>
Spring cloud配置客户端
查看>>
Android API中文文档(111) —— MailTo
查看>>
Linux 中如何卸载已安装的软件
查看>>
thinkphp 3.2 增加每页显示条数
查看>>
oracle日常简单数据备份与还原
查看>>
黑马程序员__反射总结
查看>>
Scala学习笔记(5)-类和方法
查看>>
Quartz原理
查看>>
完全卸载oracle|oracle卸载|彻底卸载oracle
查看>>
垃圾收集基础
查看>>
Docker安装及基本命令
查看>>
控制namenode检查点发生的频率
查看>>
2、递归遍历文件夹下每一个文件
查看>>
Remove auto_increment from Schema Dumps (mysqld...
查看>>
解决activity加上Theme.Translucent.NoTitleBar 页面跳转显示桌面
查看>>
php类库
查看>>