JQuery取得與設定HTML元素的內容或文字的實作程式碼_jquery

先來看看示範效果：

歡迎參觀腳本之家PHP教學

• 腳本之家PHP教學
• 簡單易懂的JavaScript魔法
• 簡單易懂的JQuery魔法

html()方法

此方法類似JavaScript中的innerHTML屬性，可以用來讀取或設定某個元素中的HTML內容。要取得某個元素的內容，可以這樣：

var p_html = $("p").html();	//获取p元素的HTML代码 

如果需要設定某元素的HTML程式碼，那麼也可以使用該方法，不過需要為它傳遞一個參數。例如要設定p元素的HTML程式碼，可以使用以下程式碼：

//设置p元素的HTML代码
$("p").html("欢迎您访问脚本之家～～"); 

注意：html()方法可以用於XHTML文檔，但不能用於XML文檔。

text()方法

此方法類似JavaScript中的innerText屬性，可以用來讀取或沒置某個元素中的文字內容。繼續使用以上的HTML程式碼，用text()方法對p元素進行操作：

var p_text = $("p").text(); //获取p元素的文本内容  

與html()方法一樣，如果需要為某個元素設定文字內容，那麼也需要傳遞一個參數。例如對p元素設定文字內容，程式碼如下：

// 设置p元素的文本内容
$("p").text("欢迎您访问脚本之家教程～～");  

要注意下面兩點：

1.JavaScript中的innerText屬性並不能在Firefox瀏覽器下運行，而jQuery的text()方法支援所有的瀏覽器．

2.text()方法對HTML文檔和XML文檔都有效。