.html()與.text()區別與辨析

首先，html屬性中有兩個方法，一個有參，一個無參。

1. 無參html（）：取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔，返回的是一個String
   例子：

html頁面代碼：

你好

jquery代碼：$(“div”).html();

結果：你好（獲取子標籤和文本內容）
2.有參html（val）：設置每一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔。返回一個jquery對象
html頁面代碼：

jquery代碼：$(“div”).html(“

我愛你中國

”);

瀏覽器顯示出來的結果是:我愛你中國（也就是說瀏覽器能識別我們插入進去的標籤）

其次，text屬性中有兩個方法，一個有參，一個無參

1. 無參text（）：取得所有匹配元素的內容。結果是由所有匹配元素包含的文本內容組合起來的文本。返回的是一個String。

例子：

html頁面代碼：

你好

很好

jquery代碼：$(“p”).text();

結果：你好 很好（只選取標籤下面的文本，標籤不會被識別識別出）

2.有參text（val）：設置所有匹配元素的文本內容,與 html() 類似, 但將編碼 HTML (將 “<” 和 “>” 替換成相應的HTML實體).返回一個jquery對象。

html頁面代碼：

Paragraph.

jquery代碼：$(“div”).text(“哈哈，我會被完整輸出 new text.”);

結果:

哈哈，我會被完整輸出 new text.

（html標籤不會被瀏覽器識別，而是當作字符串來輸出）
————————————————
版權聲明：本文爲CSDN博主「Jonckys」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_20617983/article/details/81105617