http://www.sufeinet.com/plugin.php?id=keke_group

苏飞论坛

 找回密码
 马上注册

QQ登录

只需一步,快速开始

分布式系统框架(V2.0) 轻松承载百亿数据,千万流量!讨论专区 - 源码下载 - 官方教程

HttpHelper爬虫框架(V2.7-含.netcore) HttpHelper官方出品,爬虫框架讨论区 - 源码下载 - 在线测试和代码生成

HttpHelper爬虫类(V2.0) 开源的爬虫类,支持多种模式和属性 源码 - 代码生成器 - 讨论区 - 教程- 例子

查看: 3916|回复: 2

[Jquery] jQuery文档处理之删除文档html内容用法解析大全

[复制链接]
发表于 2018-3-22 22:40:14 | 显示全部楼层 |阅读模式
jQuery文档处理之删除文档html内容用法解析大全



在开发中,经常会遇到删除部分html,进行页面文档内容的重新处理,在此处就主要讲解下jQuery的文档处理中的删除的各个用法。

删除文档内容,主要有一下几种方法

[C#] 纯文本查看 复制代码
1. empty()  删除匹配的元素集合中所有的子节点。
2. remove([expr])  从DOM中删除所有匹配的元素。
3. detach([expr])  从DOM中删除所有匹配的元素。


1. empty()  

删除匹配的元素集合中所有的子节点。
从讲解中就可以看出, empty(),主要就是清除匹配元素中的所有html,但是 该匹配到的元素还是存在的,只是内容为空了。

实例
jQuery代码:
[JavaScript] 纯文本查看 复制代码
$("p").empty()

输出结果:
[JavaScript] 纯文本查看 复制代码
<p></p>

附件html:
[HTML] 纯文本查看 复制代码
<p>Hello, <span>Person</span> <a href="#">and person</a></p>


备注:
从输出结果也能验证到,此处 清除的只有p标签中的内容,但是p标签还是存在的,并不影响页面的整理布局

2. remove([expr])  

从DOM中删除所有匹配的元素。

实例1
jQuery代码:
[JavaScript] 纯文本查看 复制代码
$("p").remove()

输出结果:
[JavaScript] 纯文本查看 复制代码
how are

附件HTML:
[HTML] 纯文本查看 复制代码
<p>Hello</p> how are <p>you?</p>


实例2
jQuery代码:
[JavaScript] 纯文本查看 复制代码
$("p").remove(".hello")

输出结果:
[JavaScript] 纯文本查看 复制代码
how are <p>you?</p>

附件html:
[HTML] 纯文本查看 复制代码
<p class="hello">Hello</p> how are <p>you?</p>


备注:
从以上两个实例均可以看出, remove() 是直接 删除了匹配到的元素,删除后在页面上直接找不到该匹配元素

3. detach([expr])  

从DOM中删除所有匹配的元素。

        这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来

实例
jQuery代码:
[JavaScript] 纯文本查看 复制代码
$("p").detach()

输出结果:
[JavaScript] 纯文本查看 复制代码
how are

附件HTML:
[HTML] 纯文本查看 复制代码
<p>Hello</p> how are <p>you?</p>


备注:
从此处可以看到,detach与remove,在页面文档处理中是一样的,直接删除了该元素的所有内容,包括元素本身
但是切记 detach与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来



1. 开通SVIP会员,免费下载本站所有源码,不限次数据,不限时间
2. 加官方QQ群,加官方微信群获取更多资源和帮助
3. 找站长苏飞做网站、商城、CRM、小程序、App、爬虫相关、项目外包等点这里
 楼主| 发表于 2018-3-22 22:52:46 | 显示全部楼层
还是第一次知道,清除网页内容,还有detach,涨下知识楼
发表于 2018-3-23 10:55:57 | 显示全部楼层
强烈支持楼主ing……
您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

QQ|手机版|小黑屋|手机版|联系我们|关于我们|广告合作|苏飞论坛 ( 豫ICP备18043678号-2)

GMT+8, 2024-11-8 17:32

© 2014-2021

快速回复 返回顶部 返回列表