JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實現(xiàn)代碼
先來看看演示效果:
歡迎訪問腳本之家PHP教程
- 腳本之家PHP教程
- 簡單易懂的JavaScript魔法
- 簡單易懂的JQuery魔法
html()方法
此方法類似于JavaScript中的innerHTML屬性,可以用來讀取或者設(shè)置某個元素中的HTML內(nèi)容。要獲取某個元素的內(nèi)容,可以這樣:
var p_html = $("p").html(); //獲取p元素的HTML代碼
如果需要設(shè)置某元素的HTML代碼,那么也可以使用該方法,不過需要為它傳遞一個參數(shù)。例如要設(shè)置p元素的HTML代碼,可以使用如下代碼:
//設(shè)置p元素的HTML代碼 $("p").html("歡迎您訪問腳本之家~~");
注意:html()方法可以用于XHTML文檔,但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性,可以用來讀取或者沒置某個元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼,用text()方法對p元素進行操作:
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣,如果需要為某元素設(shè)置文本內(nèi)容,那么也需要傳遞一個參數(shù)。例如對p元素設(shè)置文本內(nèi)容,代碼如下:
// 設(shè)置p元素的文本內(nèi)容 $("p").text("歡迎您訪問腳本之家教程~~");
要注意下面兩點:
1.JavaScript中的innerText屬性并不能在Firefox瀏覽器下運行,而jQuery的text()方法支持所有的瀏覽器.
2.text()方法對HTML文檔和XML文檔都有效。
- jQuery獲取標簽文本內(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 同時獲取多個標簽的指定內(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實現(xiàn)簡易的輸入框字數(shù)計數(shù)功能示例
這篇文章主要介紹了jQuery實現(xiàn)簡易的輸入框字數(shù)計數(shù)功能,結(jié)合實例形式分析了jQuery針對頁面元素屬性的獲取與計算相關(guān)操作技巧,需要的朋友可以參考下2017-01-01關(guān)于jquery中attr()和prop()方法的區(qū)別
今兒是腳本之家小編給大家總結(jié)的jquery中attr()和prop()方法的區(qū)別,感興趣的朋友參考下2018-05-05jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
textarea和select的值clone的時候會丟掉,在clone的時候?qū)al再重新賦值一下,如果知道這個了就加單了2014-06-06