.html()和.text()及.val()的區別

.html()

.html()：獲取集合中第一個匹配元素的HTML內容。這個函數不能用于XML文檔。但可以用于XHTML文檔

.html( htmlString )：設置每一個匹配元素的html內容。這個函數不能用于XML文檔。但可以用于XHTML文檔

.html( function(index, oldhtml))：return設置HTML內容的一個函數。index可選。接收選擇器的
下標 位置；oldhtml可選。接收選擇器的當前內容。

.text()

.text()：獲取匹配元素集合中每個元素的合并文本內容，包括他們的后代。這個方法對HTML和XML文檔都有效。

.text( textString )：設置匹配元素內容的文本

.text( function(index, oldtext))：return設置文本內容的一個函數。index可選。接收選擇器的 下標
位置；oldtext可選。接收選擇器的當前內容。

.val()

.val()：獲取匹配的元素集合中的第一個元素的當前值

.val(value)：設置匹配的元素集合中的每個元素的值

.val( function(index, oldvalue) ) return設置文本內容的一個函數。index可選。接收選擇器的 下標
位置；oldvalue可選。接收選擇器的當前內容。

注意事項：
.html()：
? ? ? ? ? ? 方法內部使用的是DOM的innerHTML屬性來處理的，所以在設置與獲取上需要注意的一個最重要的問題，這個操作是針對整個HTML內容（不僅僅是文本內容，元素標簽也包含在里面）

.text()：
? ? ? ? ? ? 結果返回一個字符串，包含所有匹配元素的合并文本

.val()：
? ? ? ? ? ?多用來設置表單的字段的值。
? ? ? ? ? ?通過.val()處理select元素，當沒有選擇項被選中，他返回null。
? ? ? ? ? ?如果select元素有multiple（多選）屬性，并且至少一個選擇項被選中，.val()方法返回一個數組，這個數組包含每個選中的選擇項的值。

總結

以上是生活随笔為你收集整理的.html()和.text()及.val()的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。