首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jQuery的replaceWith()和html()有什么区别?

jQuery的replaceWith()和html()有什么区别?
EN

Stack Overflow用户
提问于 2009-04-08 17:07:20
回答 4查看 77.4K关注 0票数 153

当超文本标记语言作为参数传入时,jQuery的replaceWith()和html()函数有什么不同?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2009-04-08 17:12:40

使用下面的HTML代码:

代码语言:javascript
复制
<div id="mydiv">Hello World</div>

正在做什么:

代码语言:javascript
复制
$('#mydiv').html('Aloha World');

将导致:

代码语言:javascript
复制
<div id="mydiv">Aloha World</div>

正在做什么:

代码语言:javascript
复制
$('#mydiv').replaceWith('Aloha World');

将导致:

代码语言:javascript
复制
Aloha World

所以html()替换了元素的内容,而replaceWith()替换了实际的元素。

票数 306
EN

Stack Overflow用户

发布于 2009-04-08 17:11:15

replaceWith()将替换当前元素,而html()只是替换内容。

请注意,replaceWith()实际上不会删除该元素,而只是将其从DOM中删除并在集合中返回给您。

彼得的一个例子:http://jsbin.com/ofirip/2

票数 36
EN

Stack Overflow用户

发布于 2012-02-16 05:52:27

这是一个老问题,但这可能会对某些人有所帮助。

如果您的HTML无效,这些函数在Internet Explorer和Chrome / Firefox中的操作方式会有所不同。

清理一下你的HTML,它们就会像文档中描述的那样工作。

(没有关闭我的</center>花了我一个晚上的时间!)

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

https://stackoverflow.com/questions/730916

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档