新手看: jquery中val()方法

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

相關文章
相關標籤/搜索