源码：
<!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>]
一、HTML 元素
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
嵌套的 HTML 元素
HTML 文档由嵌套的 HTML 元素构成。
<!doctype html><html><body><p>这是第一段</p></body></html>不要忘记结束标签
即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML.
HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br>就是没有关闭标签的空元素（<br>标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br>在所有浏览器中都是有效的，但使用 <br />其实是更长远的保障。
HTML 提示：使用小写标签
HTML 标签对大小写不敏感：<P>等同于 <p>。许多网站都使用大写的 HTML 标签。
W3CSchool 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
二、HTML 属性
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name="value"。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）