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