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

.html()

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

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

.html( function(index, oldhtml))：return設(shè)置HTML內(nèi)容的一個(gè)函數(shù)。index可選。接收選擇器的
下標(biāo) 位置；oldhtml可選。接收選擇器的當(dāng)前內(nèi)容。

.text()

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

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

.text( function(index, oldtext))：return設(shè)置文本內(nèi)容的一個(gè)函數(shù)。index可選。接收選擇器的 下標(biāo)
位置；oldtext可選。接收選擇器的當(dāng)前內(nèi)容。

.val()

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

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

.val( function(index, oldvalue) ) return設(shè)置文本內(nèi)容的一個(gè)函數(shù)。index可選。接收選擇器的 下標(biāo)
位置；oldvalue可選。接收選擇器的當(dāng)前內(nèi)容。

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。