jQuery HTML代码/文本
html([val|fn]) 返回值:String
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。
如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。
function(index, html) Function
此函数返回一个HTML字符串。接受两个参数，index为元素在集合中的索引位置，html为原先的HTML值。
返回p元素的内容。
jQuery 代码:
$('p').html();设置所有 p 元素的内容
jQuery 代码:
$("p").html("Hello <b>world</b>!");使用函数来设置所有匹配元素的内容。
jQuery 代码:
$("p").html(function(index,n){
return "这个 p 元素的 index 是：" + n;
});text([val|fn]) 返回值:String
val String 用于设定HTML内容的值
function(index, html) Function 此函数返回一个HTML字符串。接受两个参数，index为元素在集合中的索引位置，html为原先的HTML值。
返回p元素的文本内容。
jQuery 代码:
$('p').text();设置所有 p 元素的文本内容
jQuery 代码:
$("p").text("Hello world!");使用函数来设置所有匹配元素的文本内容。
jQuery 代码:
$("p").text(function(index,n){
return "这个 p 元素的 index 是：" + n;
});
$("#test").html(); 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法
这段代码等同于用DOM实现代码：
document.getElementById("test").innerHTML;直接获取、编辑内容
在jQuery中，主要是通过html()和text()两种方法来获取和编辑页面内容的。其中html()相当于获取节点的innerHTML属性，
添加参数html(text)时,则为设置innerHTML;而text()则用来获取元素的纯文本，text(content)为设置纯文本。
实例1:
jQuery代码:
$(function(){
var sString = $("p:first").text(); //获取纯文本
$("p:last").html(sString);
});HTML代码:
<p><b>文本</b>段 落<em>示</em>例</p>
<p></p>实例2:
jQuery代码:
$(function(){
$("p").click(function(){
var sHtmlStr = $(this).html(); //获取innerHTML
$(this).text(sHtmlStr); //将代码做为纯文本传入
});
});HTML代码:
<p><b>文本</b>段 落<em>示</em>例</p>
实例3：获取选择框的文本
$("#id").find("option:selected").text(); //获取Select选择的text文本
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$function(){
$('#OK').bind('click', function () {
alert($("#id").find("option:selected").text());
});
}
</script>
</head>
<body>
<select id="select">
<option value="1">text1</option>
<option value="2">text2</option>
<option value="3">text3</option>
<option value="4">text4</option>
</select>
<button id="OK">
获取为本</button>
</body>
</html>$().html(); //获得节点包含的信息
$().html(信息); //设置节点包含的内容
$().text(); //获得节点包含的"文本字符串信息"内容
$().text(信息); //设置节点包含的内容(有html标签就把"><"符号变为符号实体)
注意: DOM操作必须保住DOM节点必须存在, 当然也包括使用css样式display:none隐藏的DOM节点, 否则会导致js语法错误;