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影片教學》

以上是jquery中val方法是做什麼的的詳細內容。更多資訊請關注PHP中文網其他相關文章！