jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)

jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)

----------

 

html()命令，如果不带参数进行调用，就返回元素的HTML内容；如果带参数进行调用，就像其他jquery函数那样，设置元素的HTML内容。

===

html()语法1：

html()

获取匹配集里第一个元素的HTML内容

返回

第一个已匹配元素的HTML内容，返回值与访问那个元素的innerHTML属性所获得的内容一致

===

html()语法2：

html(text)

把传入的HTML片段设置为所有匹配元素的内容

参数

text  (字符串)将被设置为元素内容的HTML片段

 

也可以只获取或设置元素的文本内容，不带参数调用text()命令，返回所有文本连接而成的字符串。如：

<ur id="theList"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ur>  

如下语句：

var text = $("#theList").text();  

导致变量赋值为:OneTwoThreeFour

===

 

text()语法1：

text()

把包装集里元素的所有文本内容连接起来，并返回字符串作为命令的结果

返回

连接而成的字符串

===

也可以利用text命令来设置包装集元素的文本内容。

text()语法2：

text(content)

把所有已包装元素的文本内容设置为已传递值，如果已传递文本包含尖括号(<,>),则这些字符被替换为等价的HTML实体。

注:<的HTML实体是&lt;,而>的HTML实体是&gt;。

参数

content （字符串)将要设置到包装集元素里的文本内容，任何尖括号字符将被转义为HTML实体。

 

请注意，用这些命令来设置元素的内部HTML或文本，将替换元素里的原先内容，所以使用这些命令必须小心谨慎。