取得第一个匹配元素的html内容。
这个函数不能用于XML文档。
但可以用于XHTML文档。

在一个 HTML 文档中, 我们可以利用 .html() 方法来获取任意一个元素的内容。

如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。

jquery拼接html字符串jQuery HTML代码/文本 HTML

function(index, html) Function

此函数返回一个HTML字符串。
接管两个参数，index为元素在凑集中的索引位置，html为原来的HTML值。

返回p元素的内容。

jQuery 代码:

$('p').html();

设置所有 p 元素的内容

jQuery 代码:

$(&#34;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语法缺点;