Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用jQuery删除和添加新html的正确方法

使用jQuery删除和添加新html的正确方法
EN

Stack Overflow用户
提问于 2012-06-01 20:39:15
回答 4查看 340关注 0票数 5

我在另一个元素中有两个div元素。有时,从用户交互性中删除这两个项目,并放置两个新元素。

首先删除已有的元素合适吗?或者只是覆盖html?或者这有什么关系呢?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#item1').remove();
$('#item2').remove();
$('#itemWindow').append(newItem1);
$('#itemWindow').append(newItem2);

或者简单地说

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#itemWindow').html(newItem1);
$('#itemWindow').append(newItem2);

一个是较少的代码,但是否应该删除该项目?这些项目没有任何监听程序,但是如果它们有监听程序,这会有什么不同吗?

我是一名深入研究JS和jQuery的ActionScript开发人员。在AS中,如果存在任何侦听器,最好先删除该项以切断与对象的任何联系,以便进行正确的内存收集。这些规则是否适用于JS和jQuery?

谢谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-06-01 20:42:42

它们没有区别。所以你可以继续使用第二种方法。就像你使用这个

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#itemWindow').html(newItem1);

$('#item1')$('#item2')将被替换。因此,您可以跳过手动删除这些文件。

正如@glavi方法在注释中提到的那样,如果你查看这里的https://github.com/jquery/jquery/blob/master/src/manipulation.js#L213源代码中的html方法的定义,你会发现它的末尾有以下几行

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 if ( elem ) {
    this.empty().append( value );
 }

其中,在本例中,elem为真。因此,元素将是emptied,然后新元素将是appended

如果它们有监听程序,那么您必须以某种方式绑定监听程序,以便它可以使用动态添加的元素,如使用$.on

票数 3
EN

Stack Overflow用户

发布于 2012-06-01 20:43:16

$('# item1 ').remove();将删除id为item1的元素

$('# item1 ').html(newItem1);将在id为item1的元素中设置html

票数 0
EN

Stack Overflow用户

发布于 2012-06-01 20:47:05

如果您想要具体说明您实际要删除的内容,比如您有一个元素需要删除,而另一个元素不需要删除,那么我建议使用第一种方法。如果您打算每次都替换所有内容,那么可以随意使用或,唯一的问题是哪个对您来说更具可读性。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10857061

复制
相关文章
代码修改后运行结果同修改之前结果一样
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/details/38039377
DannyHoo
2018/09/13
7840
代码修改后运行结果同修改之前结果一样
老师我纳闷:数据分析的结果该如何落地?
有同学问:“我有个一个很好的分析发现,问题是如何让它落地呢?”还有同学抱怨,感觉发出去的数据分析报告都不见结果。要如何推动数据分析落地?一图以蔽之,推动方式和推动难度,完全取决于“我”是谁
接地气的陈老师
2019/12/09
6100
json_decode的结果是null
突然发现一个接口出了问题,经过排查之后发现是json_decode($str,true)的问题,返回竟然是null。这个问题大家可能都碰到过,出现问题的原因就那么几种,再次记录一下吧
全栈程序员站长
2022/09/09
1.1K0
Python解析psiBlast输出的JSON文件结果
什么是JSON文件 JSON文件是一种轻量级的数据存储和交换格式,其实质是字典和列表的组合。这在定义生信分析流程的参数文件中具有很好的应用。 { "公众号": { "名字": "生信宝典", "宗旨": "为生信服务", "正确地打开方式": [ "阅读", "置顶", "转发" ] } } 在Python中解析JSON是通过如下代码完成的
生信宝典
2018/02/05
2.1K0
利用python修改json文件的val
    做工程时遇到需要监听json文件,根据json文件中的key-value值作出相应处理的情形。为此写了修改json文件的python脚本供工程后续调用。
py3study
2020/01/03
3.1K0
Stimulsoft Web版中如何动态修改Json数据源的Url
在Stimulsoft Report(目前我使用的是2022.1.2版本)中,可以支持从JSON文件或者在线URL作为数据源。
崔文远TroyCui
2022/01/14
1.9K0
Stimulsoft Web版中如何动态修改Json数据源的Url
PHP如何将数据库查询结果输出为json格式
近期做接口的时候需要做到一个操作,将数据库查询结果输出为json格式方便程序调用。 于是在网上看到了两种解法,就此分享出来,供大家学习以及自己日后进行参考。 可将其封装成专门将数据转换成json格式的接口
吃猫的鱼Code
2023/02/02
3.3K0
面试的时候我只会聊项目,结果就把我挂了!
在上周,我密集面试了若干位Java后端的候选人,工作经验在3到5年间。我的标准其实不复杂:第一能干活,第二Java基础要好,第三最好熟悉些分布式框架。我相信其它公司招初级开发时,应该也照着这个标准来面的。
田维常
2019/07/16
5820
面试的时候我只会聊项目,结果就把我挂了!
妹子让我看她写的pytest,结果...
陆陆续续断更好久好久了,这么久发生了很多事情,也思考了很多事情。突然发现拖延症已经严重影响到了我。
Python攻城狮
2020/12/21
9160
我和JSON Schema的那些事
哈喽,我是🌲 树酱。今天聊一聊关于我跟Json schema的一些交集,顺便给大家重新梳理下今日这个主角的概念及当下主要的一些应用场景 1.什么是JSON Schema 相信前端童鞋,对JSON应该都很熟悉。JSON (JavaScript Object Notation) 缩写,JSON 是一种数据格式,具有简洁、可读性高、支持广泛的特点JSON。通过JSON 我们可以灵活地来表示任意复杂的数据结构。 比如我们要描述一个人的信息,我们可以用JSON来描述 那JSON Schema又是什么鬼? 🤔 J
树酱
2022/03/09
1.5K0
我和JSON Schema的那些事
plotsr可视化syri变异检测的结果如何修改图例的排布
整个流程是minimap2比对,然后是syri做变异检测,最后使用plotsr这个命令可视化展示结果,用到的命令是
用户7010445
2023/08/23
5400
plotsr可视化syri变异检测的结果如何修改图例的排布
【PY】根据 Excel 中的指示修改 JSON 数据
继上一次友友问了如何处理 Excel 中的数据之后,这次他又遇到了新问题,让我们一起来看看;
sidiot
2023/08/31
2690
【PY】根据 Excel 中的指示修改 JSON 数据
jQuery 操作 JSON 对象 修改 ztree 结构
ztree 引用了系统中 部门试图的数据集结果,存储为一个 json 对象。其中,通过每个数据的 ParentId 来对应关联树状结构。
李郑
2019/12/04
1K0
前端 Fiddler 抓包修改请求响应结果
实际前端开发中,对接线上发布的后端接口,由于业务比较复杂,也设计到以前的库表,开发过程经常会出现部分页面数据不完整,无法对接整个流程,日常前端开发也有其他方式实现功能测试验证:
草帽lufei
2022/07/29
5600
前端 Fiddler 抓包修改请求响应结果
如何从结果集中获得随机结果
全表扫描(Full table Scan) 全表扫描返回表中所有的记录。 执行全表扫描,Oracle读表中的所有记录,考查每一行是否满足WHERE条件。Oracle顺序的读分配给该表的每一个数据块,这样全表扫描能够受益于多块读. 每个数据块Oracle只读一次.
数据和云01
2018/09/10
1.6K0
sqlalchemy和flask-sqlalchemy查询结果转json
Flask-RESTful 有一个专门做这个的东西,叫 marshal_with, 具体介绍在这里:http://flask-restful.readthedocs.org/en/latest/fields.html 我一般都是用它来格式化返回值
stys35
2019/03/12
5.8K0
Docker修改daemon.json后无法启动的问题
最近在整理Docker和Kubernetes中的日志与相关配置,在尝试通过/etc/docker/daemon.json配置Docker的log-driver参数,遇到了Docker无法启动的错误。
大江小浪
2018/09/19
7.1K0
实用 | 盘点抓包修改响应结果的 2 种方式!
在工作中,我们经常需要针对某个接口修改其响应值,以此改变 App 或浏览器实际的渲染结果
AirPython
2022/12/29
1.4K0
实用 | 盘点抓包修改响应结果的 2 种方式!
如何修改 Discourse 的域名
如果你参考了 GitHub 上的安装指南 页面中的内容安装了一个 Discourse 实例后希望对自己安装的实例修改域名的使用手册。 如果你使用的是 Discourse 官方主机服务 的话,请参考 针对 Discourse 的云服务配置你的域名 页面中的详细内容。
HoneyMoose
2021/09/08
3.8K0
如何修改 Discourse 的域名
点击加载更多

相似问题

从google地图中删除所有控件

42

如何从Mapbox地图中删除缩放控件?

28

从开放层地图中删除默认控件Bing

13

C#从列表视图中删除项目,从列表视图外部控件删除

10

Windows phone 8视口控件

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文