源码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=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>
<li>111111111</li>
<li>222222222</li>
<li>333333333</li>
<li>444444444</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("<p>Hello Again</p>")
结果:
[ <div><p>Hello Again</p></div>]
二、empty()：删除匹配的元素集合中所有的子节点。
返回值：jQuery
示例：把所有段落的子元素（包括文本节点）删除
HTML 代码:
<p>Hello, <span>Person</span><a href="#">and person</a></p>
jQuery 代码:
$("p").empty()
结果:
<p></p>
三、text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
返回值：jQuery
参数：val (String) : 用于设置元素内容的文本
示例：
HTML 代码:
<p>Test Paragraph.</p>
jQuery 代码:
$("p").text("<b>Some</b>new text.")
结果:
[ <p><b>Some</b>new text.</p>]
方法和详细的 *** 作步骤如下：
1、第一步，打开html编辑器，创建一个新的html文件，例如index.html，然后编写基本代码，如下图所示。
2、第二步，完成上述步骤后，在index.html中的<script>标签中，输入js代码，如下图所示。
3、第三步，完成上述步骤后，浏览器运行index.html页面，并使用jquery删除所有span，如下图所示。这样，以上的问题就解决了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）