jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
更新時間：2014年05月23日 10:33:13 作者：
這篇文章主要介紹了jQuery 獲取、設(shè)置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><p></em> element.');
頁面效果為
Hello World, I am a <p> element.
如果使用text()
$('p').text('<strong>Hello World</strong>, I am a <em><p></em> element.');
頁面效果為
<strong>Hello World</strong>, I am a <em><p></em> element.
html()
text()
其中html()是為指定的元素添加html內(nèi)容
text()是為指定的元素添加文本內(nèi)容
兩者的區(qū)別在于，text中的內(nèi)容是純文本，不會被解析為html
如果要對如下html代碼進行操作
復(fù)制代碼 代碼如下:
<body>
<p></p>
</body>
使用html()
復(fù)制代碼 代碼如下:
$('p').html('<strong>Hello World</strong>, I am a <em><p></em> element.');
頁面效果為
Hello World, I am a <p> element.
如果使用text()
復(fù)制代碼 代碼如下:
$('p').text('<strong>Hello World</strong>, I am a <em><p></em> element.');
頁面效果為
<strong>Hello World</strong>, I am a <em><p></em> element.
您可能感興趣的文章:
- jQuery獲取標簽文本內(nèi)容和html內(nèi)容的方法
- JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實現(xiàn)代碼
- jquery獲取table中的某行全部td的內(nèi)容方法
- jquery form表單獲取內(nèi)容以及綁定數(shù)據(jù)
- jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法
- jQuery 同時獲取多個標簽的指定內(nèi)容并儲存為數(shù)組
- JQuery 獲取多個select標簽option的text內(nèi)容(實例)
- jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實現(xiàn)方法
- 詳解jQuery獲取特殊屬性的值以及設(shè)置內(nèi)容
- JS和jQuery通過this獲取html標簽中的屬性值(實例代碼)
- jquery獲取自定義屬性(attr和prop)實例介紹
- jQuery HTML獲取內(nèi)容和屬性操作實例分析
相關(guān)文章
jQuery制作input提示內(nèi)容（兼容IE8以上）
這篇文章主要為大家詳細介紹了jQuery制作input提示內(nèi)容，兼容IE8以上，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
今天寫了一個放迅雷焦點廣告的效果，還請大家多多指正，先附上效果圖一張2008-11-11
今天在使用一個jQuery的插件時，發(fā)現(xiàn)在IE下總報錯，但在Firefox下就很正常，所報的錯誤就是：缺少標識符！2014-07-07
這篇文章主要介紹了jQuery實現(xiàn)為圖片添加鏡頭放大效果的方法,提供了四種放大鏡效果供大家選擇使用,并附有完整的源碼下載地址,需要的朋友可以參考下2015-06-06
本文給大家分享了幾個常用的jQuery代碼，十分的簡單實用，有需要的小伙伴可以參考下。2015-07-07
jQuery+CSS實現(xiàn)菜單滑動伸展收縮(仿淘寶)
淘寶網(wǎng)上的菜單滑動伸展收縮想必大家不會很陌生吧，接下來本文也使用jquery+css實現(xiàn)一個，代碼很簡潔功能很使用，感興趣的各位可以不要錯過了哈2013-03-03
方便實用的jQuery checkbox復(fù)選框全選功能簡單實例
這篇文章介紹了jQuery checkbox復(fù)選框全選功能的代碼實例，有需要的朋友可以參考一下2013-10-10
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單彈幕效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
jquery判斷checkbox是否選中及改變checkbox狀態(tài)的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query判斷checkbox是否選中及改變checkbox狀態(tài)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
設(shè)置指定的CSS屬性或設(shè)置多個CSS屬性，下面有個不錯的示例，大可以參考下2014-01-01