jquery中val方法是干什么的

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

本教程操作環境：Windows10系統、jquery3.2.1版、Dell G3電腦。

jquery中val方法是干什么的？

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

當用于返回值時：

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

當用于設置值時：

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

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

語法

返回 value 屬性：

$(selector).val()

設置 value 屬性：

$(selector).val(value)

通過函數設置 value 屬性：

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

參數

value 必需。規定 value 屬性的值。

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

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

currentvalue – 返回被選元素的當前 value。

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

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

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

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

推薦學習：《jQuery視頻教程》