JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
先來(lái)看看演示效果:
歡迎訪問(wèn)腳本之家PHP教程
- 腳本之家PHP教程
- 簡(jiǎn)單易懂的JavaScript魔法
- 簡(jiǎn)單易懂的JQuery魔法
html()方法
此方法類似于JavaScript中的innerHTML屬性,可以用來(lái)讀取或者設(shè)置某個(gè)元素中的HTML內(nèi)容。要獲取某個(gè)元素的內(nèi)容,可以這樣:
var p_html = $("p").html(); //獲取p元素的HTML代碼
如果需要設(shè)置某元素的HTML代碼,那么也可以使用該方法,不過(guò)需要為它傳遞一個(gè)參數(shù)。例如要設(shè)置p元素的HTML代碼,可以使用如下代碼:
//設(shè)置p元素的HTML代碼 $("p").html("歡迎您訪問(wèn)腳本之家~~");
注意:html()方法可以用于XHTML文檔,但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性,可以用來(lái)讀取或者沒(méi)置某個(gè)元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼,用text()方法對(duì)p元素進(jìn)行操作:
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣,如果需要為某元素設(shè)置文本內(nèi)容,那么也需要傳遞一個(gè)參數(shù)。例如對(duì)p元素設(shè)置文本內(nèi)容,代碼如下:
// 設(shè)置p元素的文本內(nèi)容 $("p").text("歡迎您訪問(wèn)腳本之家教程~~");
要注意下面兩點(diǎn):
1.JavaScript中的innerText屬性并不能在Firefox瀏覽器下運(yùn)行,而jQuery的text()方法支持所有的瀏覽器.
2.text()方法對(duì)HTML文檔和XML文檔都有效。
- jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法
- jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
- 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通過(guò)this獲取html標(biāo)簽中的屬性值(實(shí)例代碼)
- jquery獲取自定義屬性(attr和prop)實(shí)例介紹
- jQuery HTML獲取內(nèi)容和屬性操作實(shí)例分析
相關(guān)文章
jQuery學(xué)習(xí)筆記 更改jQuery對(duì)象
jQuery提供了一些方法,使流程變?yōu)樯蒵Query對(duì)象A,操作jQuery對(duì)象A;更改為jQuery對(duì)象B,操作jQuery對(duì)象B2012-09-09jquery帶有索引按鈕且自動(dòng)輪播切換特效代碼分享
這篇文章主要介紹了jquery實(shí)現(xiàn)的帶有索引按鈕且自動(dòng)輪播切換特效,圖片簡(jiǎn)單大方,感興趣的小伙伴可以參考下。2015-09-09JQuery在循環(huán)中綁定事件的問(wèn)題詳解
下面小編就為大家?guī)?lái)一篇JQuery在循環(huán)中綁定事件的問(wèn)題詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易的輸入框字?jǐn)?shù)計(jì)數(shù)功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素屬性的獲取與計(jì)算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01關(guān)于jquery中attr()和prop()方法的區(qū)別
今兒是腳本之家小編給大家總結(jié)的jquery中attr()和prop()方法的區(qū)別,感興趣的朋友參考下2018-05-05jQuery之動(dòng)畫(huà)ajax事件(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇jQuery之動(dòng)畫(huà)ajax事件(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
textarea和select的值clone的時(shí)候會(huì)丟掉,在clone的時(shí)候?qū)al再重新賦值一下,如果知道這個(gè)了就加單了2014-06-06