源码：
<!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、empty 例如<input type="text" value="John" disabled>意思是disabled可以直接写，不用像之前一样必须是，键值对的形式。2、unquoted 例如<input type="text" value=John>就是说属性可以不加引号。3、double-quoted 例如<input type="text" value="John Doe">就是说属性可以加双引号。4、single-quoted 例如 <input type="text" value='John Doe'>就是说属性可以加单引号。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）