快捷導(dǎo)航

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

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

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

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

html()
text()

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

如果要對(duì)如下html代碼進(jìn)行操作

復(fù)制代碼代碼如下:

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

使用html()

復(fù)制代碼代碼如下:

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

頁面效果為

Hello World, I am a element.

如果使用text()

復(fù)制代碼代碼如下:

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

頁面效果為

Hello World, I am a element.

您可能感興趣的文章:

相關(guān)文章

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