val()方法:
此方法相似於JavaScript中的value屬性,能夠用來設置和獲取元素的值。不管元素是文本框,下拉列表仍是單選框,它均可以返回元素的值。html
下面是《鋒利的jQuery(第二版)》中的例子:前端
利用val()方法設置元素值:
html部分:jquery
jquery部分:函數
這是利用val()能夠設置元素值的功能,當鼠標聚焦到郵箱地址文本框時,文本框內默認的文字將被清空。實現相似功能也能夠用<input>屬性placeholder,placeholder屬性是根據字段是否爲空來判斷是否顯示,在你不輸入任何字符時,即便鼠標聚焦,提示信息也不會消失。學習
利用val()方法的選中功能:
html部分:
jquery部分:spa
經過val()方法能夠改變網頁中一些默認選中元素的選中項。htm
*注:若是<option>標籤含有value屬性,val()方法會先識別value值,這個時候使用文本值則不會正常產生效果。blog
下面介紹一下使用函數設置val()屬性的值:
W3school是這樣定義:
$(selector).val(function(index,oldvalue))
例子:圖片
做爲一個前端菜鳥,這是個人一個學習過程,學習路上還望大神們多給建議!ip