jquery中val方法是用于返回或設(shè)置被選元素的value屬性；當(dāng)用于返回值時，該方法返回第一個匹配元素的value屬性的值，其語法是“$(selector).val()”；當(dāng)用于設(shè)置值時，該方法設(shè)置所有匹配元素的value屬性的值，其語法是“$(selector).val(value)”。

本教程操作環(huán)境：Windows10系統(tǒng)、jquery3.2.1版、Dell G3電腦。

jquery中val方法是干什么的？

val() 方法返回或設(shè)置被選元素的 value 屬性。

當(dāng)用于返回值時：

該方法返回第一個匹配元素的 value 屬性的值。

當(dāng)用于設(shè)置值時：

該方法設(shè)置所有匹配元素的 value 屬性的值。

注意：val() 方法通常與 HTML 表單元素一起使用。

語法

返回 value 屬性：

$(selector).val()

設(shè)置 value 屬性：

$(selector).val(value)

通過函數(shù)設(shè)置 value 屬性：

$(selector).val(function(index,currentvalue))

參數(shù)

value 必需。規(guī)定 value 屬性的值。

function(index,currentvalue) 可選。規(guī)定返回要設(shè)置的值的函數(shù)。

index – 返回集合中元素的 index 位置。

currentvalue – 返回被選元素的當(dāng)前 value。

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

.html(),.text(),.val()三種方法都是用來讀取選定元素的內(nèi)容；只不過.html()是用來讀取元素的html內(nèi)容（包括html標(biāo)簽），.text()用來讀取元素的純文本內(nèi)容，包括其后代元素，.val()是用來讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上；

另外.html()方法使用在多個元素上時，只讀取第一個元素；.val()方法和.html()相同，如果其應(yīng)用在多個元素上時，只能讀取第一個表單元素的"value"值，但是.text()和他們不一樣，如果.text()應(yīng)用在多個元素上時，將會讀取所有選中元素的文本內(nèi)容。

.html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內(nèi)容，如果三個方法同時運用在多個元素上時，那么將會替換所有選中元素的內(nèi)容。.html(),.text(),.val()都可以使用回調(diào)函數(shù)的返回值來動態(tài)的改變多個元素的內(nèi)容。

推薦學(xué)習(xí)：《jQuery視頻教程》