重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
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 ]
empty() 方法从被选元素移除所有内容,包括所有文本和子节点。
empty()和remove()标签的区别是,empty只移除指定标签的所有子标签或者说html,保留当前标签。remove是连这当前的标签全部移除。
!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
你参考一下!
因为他的定义就是这样啊
empty() 方法从被选元素移除所有内容,包括所有文本和子节点。
empty选中你要移除元素的父级元素,将其内容设置为空;remove是选中你要移除的元素本身,移除自己;从效果上来看没什么不同,实现方式不一样而已
如需删除元素和内容,一般可使用以下两个 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内容)