JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實現(xiàn)代碼
更新時間：2014年06月20日 00:33:42 作者：簡明現(xiàn)代魔法
使用JQuery可以非常容易地添加、獲取和改變某個HTML元素的內(nèi)容，你會為這種簡便感到非常愉悅
先來看看演示效果：
歡迎訪問腳本之家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)文章
下面小編就為大家?guī)硪黄獪\析jQuery事件之on()方法綁定多個選擇器,多個事件。小編覺得挺不錯的，現(xiàn)在分享給大家。也給大家做個參考2016-04-04
這篇文章主要介紹了jquery實現(xiàn)放大鏡簡潔代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-06-06
這篇文章主要為大家詳細介紹了jQuery插件實現(xiàn)圖片輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
jQuery實現(xiàn)的小圖列表，大圖展示效果幻燈片示例
這篇文章主要介紹了jQuery實現(xiàn)的小圖列表，大圖展示效果幻燈片,結(jié)合完整實例形式分析了jQuery圖片滑動切換功能的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2016-10-10
JQuery入門—編寫一個簡單的JQuery應(yīng)用案例
首先引入JQuery文件庫只需將文件導(dǎo)入頁面中即可，即在<head></head>中，接下來詳細介紹，感興趣的朋友可以了解下2013-01-01
jquery 的 $("#id").html() 無內(nèi)容的解決方法
今天在做一個輸入用到j(luò)query的.html方法，可是用.html（）輸不出來2010-06-06
這篇文章主要介紹了jQuery-each()方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2019-03-03
jquery+swiper組件實現(xiàn)時間軸滑動年份tab切換效果
這篇文章主要介紹了jquery+swiper組件實現(xiàn)時間軸滑動年份tab切換效果,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-12-12
jquery.alert 彈出式復(fù)選框?qū)崿F(xiàn)代碼
jquery alert 彈出式 復(fù)選框，需要的朋友可以參考下，代碼有點亂。2009-06-06
jQuery load方法用法集錦,學(xué)習jquery的朋友可以參考下。2011-12-12