JQuery中的html(),text(),val()區別

標籤：http   io   color   ar   使用   sp   strong   on   art   

jQuery中.html()用為讀取和修改元素的HTML標籤，.text()用來讀取或修改元素的純文字內容，.val()用來讀取或修改表單元素的value值。

1.HTML

html():取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔

html(val):設定每一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔。

2.TEXT

text():取得所有匹配元素的內容。

結果是由所有匹配元素包含的常值內容組合起來的文本。這個方法對HTML和XML文檔都有效。

text(val):設定所有匹配元素的常值內容

與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).

3.VAL

val():獲得第一個匹配元素的當前值。

val(val):設定每一個匹配元素的值。

上面的內容是在JQuery的協助文檔裡拷貝的。

最後總結一下這三個方法：

1. .html()用為讀取和修改元素的HTML標籤
2. .text()用來讀取或修改元素的純文字內容
3. .val()用來讀取或修改表單元素的value值。

這三個方法功能上的對比:

1. .html(),.text(),.val()三種方法都是用來讀取選定元素的內容；
2. 只不過.html()是用來讀取元素的HTML內容（包括其Html標籤），.text()用來讀取元素的純文字內容，包括其後代元素，.val()是用來讀取表單元素的"value"值。
3. 其中.和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上；
4. 另外.html()方法使用在多個元素上時，唯讀取第一個元素；
5. .val()方法和.html()相同，如果其應用在多個元素上時，只能讀取第一個表單元素的"value"值，但是.text()和他們不一樣，如果.text()應用在多個元素上時，將會讀取所有選中元素的常值內容。
6. .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容，如果三個方法同時運用在多個元素上時，那麼將會替換所有選中元素的內容。
7. .html(),.text(),.val()都可以使用回呼函數的傳回值來動態改變多個元素的內容。

<參考： 『jQuery』.html(),.text()和.val()的概述及使用 & 淺析JQuery中的html(),text(),val()區別>

JQuery中的html(),text(),val()區別