jQuery的DOM操作(2)

(一)、clone()函数

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

//clone处理一

$("div").clone()  //只克隆了结构,事件丢失

//clone处理二

$("div").clone(true) //结构、事件与数据都克隆

(二)、replaceWith()和replaceAll()

1、replaceWith()用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合

2、replaceAll()用集合的匹配元素替换每个目标元素

(三)、wrap()方法

把一个集合的元素包裹起来,给一个元素集合添加一个父元素。$('p').wrap('')

(四)、unwrap()方法

unwrap()将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置。$('p').unwrap();

(五)、wrapAll()方法

合中的元素用其他元素包裹起来,也就是给他们增加一个父元素$('p').wrapAll('')

(六)、wrapInner()方法

将合集中的元素内部所有的子元素用其他元素包裹起来,并当作指定元素的子元素$('div').wrapInner(' ')

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • http://www.imooc.com/static/lib/jquery/1.9.1/jquery.js js...
    再见理想冷雨夜阅读 527评论 0 1
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 920评论 0 8
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 1,074评论 0 9
  • 1.DOM拷贝clone()2.DOM替换replaceWith()和replaceAll()3.DOM包裹wra...
    Z1hgq阅读 965评论 0 1
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,495评论 0 8

友情链接更多精彩内容