jquery里使用empty()和html("")有什么区别?

empty()、html("")和text("")在删除匹配元素内内容时是一样的。jQuery源码中实现有所不同，但效果相同。你可以测试一下

创新互联专业为企业提供老边网站建设、老边做网站、老边网站设计、老边网站制作等企业网站建设、网页设计与制作、老边企业网站模板建站服务，10余年老边做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

源码：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

script src="../scripts/jquery-1.4.2.min.js" type="text/javascript"/script

script

$(function(){

$('#btnEmpty').click(function(){

$('#aim').empty();

alert("empty()");

});

$('#btnHtml').click(function(){

$('#aim').html("");

alert('html("")');

});

$('#btnText').click(function(){

$('#aim').text("");

alert('text("")');

});

});

/script

/head

body

div id="aim"

ul

li111111111/li

li222222222/li

li333333333/li

li444444444/li

/ul

/div

button id='btnEmpty'empty()/button

button id='btnHtml'html("")/button

button id='btnText'text("")/button

/body

/html

一、html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

返回值:jQuery

参数:val (String) : 用于设定HTML内容的值

示例:

HTML 代码:

div/div

jQuery 代码:

$("div").html("pHello Again/p");

结果:

[ divpHello Again/p/div ]

二、empty()：删除匹配的元素集合中所有的子节点。

返回值：jQuery

示例：把所有段落的子元素（包括文本节点）删除

HTML 代码:

pHello, spanPerson/span a href="#"and person/a/p

jQuery 代码:

$("p").empty();

结果:

p/p

三、text(val):设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).

返回值：jQuery

参数：val (String) : 用于设置元素内容的文本

示例：

HTML 代码:

pTest Paragraph./p

jQuery 代码:

$("p").text("bSome/b new text.");

结果:

[ pbSome/b new text./p ]

jquery中empty是不是插入新元素的方法?

empty() 方法从被选元素移除所有内容，包括所有文本和子节点。

empty()和remove()标签的区别是，empty只移除指定标签的所有子标签或者说html，保留当前标签。remove是连这当前的标签全部移除。

如何把jQuery清空empty的东西再还原

!DOCTYPE html

html  lang="en"

head

meta charset="utf-8" /

meta name="renderer" content="webkit"

meta http-equiv="X-UA-Compatible" content="IE=Edge"

titlejquery清空-恢复/title

meta name="keywords" content="" /

meta name="description" content="" /

script src='jquery-2.0.3.min.js'/script

/head

body

input type='text' id='username'/

button id='empty-btn'清空/button

button id='recover-btn'恢复/button

/body

script type="text/javascript"

$(function(){

var fun = {

obj : $('#username'),

val :  '',

empty: function() {

var $self = this;

$self.val = $self.obj.val();

$self.obj.val('');

},

recover : function() {

var $self = this;

$self.obj.val($self.val);

}

}

$('#empty-btn').bind('click', function(){

fun.empty();

});

$('#recover-btn').bind('click', function(){

fun.recover();

});

});

/script

/html

你参考一下！

jquery中empty()方法删除子元素，

因为他的定义就是这样啊

empty() 方法从被选元素移除所有内容，包括所有文本和子节点。

JQuery empty方法和remove方法的区别

empty选中你要移除元素的父级元素，将其内容设置为空；remove是选中你要移除的元素本身，移除自己；从效果上来看没什么不同，实现方式不一样而已

jquery怎么清空div的子元素

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

remove() - 删除被选元素（及其子元素）

empty() - 从被选元素中删除子元素

本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法，分享给大家供大家参考，具体实现方法如下：

$.ajax({

url: "SearchSN.aspx",

data: "SN=" + $("#txtStorageSN").val(),

cache: false,

success: function (html) {

$("#showResult").empty();

$("#showResult").append(html);

$("#showResult").css("color", "red");

}

});

页面：div id="showResult"/div

$("#showResult").empty();//清除div内容(Div内容是通过aspx页面进行动态添加的，需要先清除div内容)

网站名称：关于emptyjquery的信息
文章地址：http://lswzjz.com/article/dsdoigd.html