jQuery 獲取、設置HTML或TEXT內(nèi)容的兩種方法

更新時間：2014年05月23日 10:33:13 作者：

這篇文章主要介紹了jQuery 獲取、設置HTML或TEXT內(nèi)容的兩種方法,需要的朋友可以參考下

jQuery提供了兩個API可以直接用來為元素添加內(nèi)容。

html()
text()

其中html()是為指定的元素添加html內(nèi)容
text()是為指定的元素添加文本內(nèi)容
兩者的區(qū)別在于，text中的內(nèi)容是純文本，不會被解析為html

如果要對如下html代碼進行操作

復制代碼代碼如下:

 
<body> 
<p></p> 
</body> 

使用html()

復制代碼代碼如下:

 
$('p').html('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.'); 

頁面效果為

Hello World, I am a element.

如果使用text()

復制代碼代碼如下:

 
$('p').text('<strong>Hello World</strong>, I am a <em>&lt;p&gt;</em> element.'); 

頁面效果為

Hello World, I am a element.

您可能感興趣的文章:

圖片在瀏覽器中底部對齊解決方法之一
需要在列表中顯示很多圖片，圖片高低不同，寬度都設置一樣了，要底部對齊
2011-11-11
jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果
這篇文章主要介紹了jQuery實現(xiàn)帶延遲的二級tab切換下拉列表效果,涉及jquery鼠標事件及頁面元素樣式動態(tài)變換的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
實例詳解jQuery結(jié)合GridView控件的使用方法
這篇文章主要以實例的方式詳細介紹了jQuery結(jié)合GridView控件的使用方法，感興趣的小伙伴們可以參考一下
2016-01-01
jQuery簡單實現(xiàn)根據(jù)日期計算星期幾的方法
這篇文章主要介紹了jQuery簡單實現(xiàn)根據(jù)日期計算星期幾的方法,涉及jQuery針對日期時間簡單計算相關操作技巧,需要的朋友可以參考下
2019-01-01
jQuery實現(xiàn)簡單QQ聊天框
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單QQ聊天框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
jQuery checkbox全選/取消全選實現(xiàn)代碼
用JavaScript使頁面上的一組checkbox全選/取消全選，邏輯很簡單，實現(xiàn)代碼也沒有太難的語法。但使用jQuery實現(xiàn)則更簡單，代碼也很簡潔，精辟！
2009-11-11
json格式的javascript對象用法分析
這篇文章主要介紹了json格式的javascript對象用法,結(jié)合實例形式總結(jié)分析了javascript針對json格式數(shù)據(jù)操作的常見技巧,需要的朋友可以參考下
2016-07-07
基于jquery的用dl模擬實現(xiàn)可自定義樣式的SELECT下拉列表(已封裝)
通過dl模擬實現(xiàn)SELECT下拉列表. 其實這是項目中要常用到的一個效果, 于是, 在之前寫的基礎上封裝成了一個插件. 可自定義樣式, 可防止用戶本意劃過時觸發(fā)事件.
2010-11-11
Jquery多選框互相內(nèi)容交換的實例代碼
這篇文章介紹了Jquery多選框互相內(nèi)容交換的實例代碼，有需要的朋友可以參考一下
2013-07-07
jQuery實現(xiàn)的左右移動焦點圖效果
這篇文章主要介紹了jQuery實現(xiàn)的左右移動焦點圖效果,涉及jQuery結(jié)合時間函數(shù)響應鼠標事件動態(tài)操作頁面元素樣式的相關技巧,需要的朋友可以參考下
2016-01-01