JQuery02-文档操作

1 内部插入文档

方法 描述
prepend() 匹配元素内部开头处插入元素
prependTo() 元素插入到匹配元素内部开头处
append() 匹配元素内部结尾处插入元素
appendTo() 内容插入到匹配元素内部结尾处

2 外部插入文档

方法 描述
before() 匹配元素之前插入元素
insertBefore() 元素插入匹配元素之前
after() 匹配元素同级之后插入元素
insertAfter() 元素插入匹配元素之后

3 包括元素

方法 描述
wrap() 把所有匹配的元素用其他元素的结构化标记包裹起来。
unwrap() 这个方法将移出元素的父元素。
wrapAll() 将所有匹配的元素用单个元素包裹起来
wrapInner() 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来

4 替换元素

方法 描述
replaceWith() 将所有匹配的元素替换成指定的HTML或DOM元素。
replaceAll() 用匹配的元素替换掉所有元素。

5 删除元素

方法 描述
empty() 删除匹配的元素集合中所有的子节点。
remove() 从DOM中删除所有匹配的元素。
detach() 从DOM中删除所有匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来

6 克隆元素

方法 描述
clone() 克隆匹配的DOM元素并且选中这些克隆的副本。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,781评论 19 139
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 4,300评论 0 8
  • 经过七年异地两年同居,我和胖子终于领证了,我成了你老婆你成了我老公。可以光明正大地在朋友面前说我老公怎样怎样了,相...
    三生三世十里桃花0611阅读 968评论 0 0
  • 下午下班到家,臭宝正在痛哭,奶奶黑青个脸。一直说臭宝怎么都哄不住。 虽然知道奶奶带他辛苦且身体略不适,可是看到脸上...
    礽哥儿阅读 975评论 0 0
  • 刚好有那么几天得空,好友想要在去凤凰看看,作为湖南人,没有去过凤凰,怕有点说不过去了。也就买上两张票来到了这传说中...
    c5fe4cf2218b阅读 1,904评论 0 0