正文
关于emptyjquery的信息
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery里使用empty()和html("")有什么区别?
empty()、html("")和text("")在删除匹配元素内内容时是一样的。jQuery源码中实现有所不同，但效果相同。你可以测试一下
源码：
!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 ]
相关问答
Q1: jquery中empty是不是插入新元素的方法?
empty() 方法从被选元素移除所有内容，包括所有文本和子节点。
empty()和remove()标签的区别是，empty只移除指定标签的所有子标签或者说html，保留当前标签。remove是连这当前的标签全部移除。
Q2: 如何把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
你参考一下！
Q3: jquery中empty()方法删除子元素，
因为他的定义就是这样啊
empty() 方法从被选元素移除所有内容，包括所有文本和子节点。
Q4: JQuery empty方法和remove方法的区别
empty选中你要移除元素的父级元素，将其内容设置为空；remove是选中你要移除的元素本身，移除自己；从效果上来看没什么不同，实现方式不一样而已
Q5: 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内容)
