jQuery中val()方法用法實例
更新時間：2014年12月25日 09:29:38 投稿：shichen2014
這篇文章主要介紹了jQuery中val()方法用法,以實例形式分析了val()方法的兩種常見用法,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中val()方法用法。分享給大家供大家參考。具體分析如下：
此方法設置或獲取匹配元素的value屬性值。
只有具有value屬性的元素才能夠使用此方法。比如input元素可以使用此方法，而div元素就不可以。
使用方式：
用法一:
此方法不帶參數(shù)的時候是返回第一個匹配元素的value屬性值。例如:
復制代碼 代碼如下:
$("input").val()
以上代碼是獲取第一個input元素的value屬性值。
實例代碼:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>val()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
alert($("input").val());
})
})
</script>
</head>
<body>
<div>
<ul>
<li>
<input type="text" value="請輸入用戶名" />
</li>
</ul>
</div>
<button>點擊查看效果</button>
</body>
</html>
用法二:
此方法帶有參數(shù)的時候是設置所有匹配元素的屬性值。例如：
復制代碼 代碼如下:
$("input").val("這是測試腳本")
以上代碼將所有input元素的value屬性值設置為"這是測試腳本"。
實例:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>val()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("input").val("這是測試腳本");
})
})
</script>
</head>
<body>
<div>
<ul>
<li>
<input type="text" value="請輸入用戶名" />
</li>
</ul>
</div>
<button>點擊查看效果</button>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
基于jQuery實現(xiàn)多標簽頁切換的效果(web前端開發(fā))
這篇文章主要介紹了基于jQuery實現(xiàn)多標簽頁切換的效果(web前端開發(fā))的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)掃雷游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
13 款最熱門的 jQuery 圖像 360 度旋轉插件推薦
這篇文章主要介紹了13 款最熱門的 jQuery 圖像 360 度旋轉插件，非常炫酷實用，有需要的小伙伴參考下2014-12-12
本文是通過nanoscrollerjs簡單實現(xiàn)Mac OS 系統(tǒng)滾動條效果特效，以及本插件的使用方法和參數(shù)，非常不錯，這里推薦給大家。2015-02-02
每天都在與DOM打交道而且暈頭轉向，不過，自打咱認識了jQuery： 是操作屬性也不煩了，插入新元素也不暈了，連移動元素及包裝元素咱也不抽筋了。。2010-01-01
這篇文章主要介紹了jQuery內容過濾選擇器用法,實例分析了:contains()、:has()、:empty()、:parent等內容過濾選擇器的使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jquery實現(xiàn)可旋轉可拖拽的文字效果代碼,涉及jquery響應鼠標事件動態(tài)操作頁面元素樣式的相關技巧,需要的朋友可以參考下2016-01-01
本文將為大家介紹下在jtable列中如何自定義button，下面有一個不錯的示例，感興趣的朋友可以參考下2013-11-11
本文主要介紹利用jquery實現(xiàn)圖片列表鼠標移入微動的實例。代碼清晰，需要的朋友來看下吧
2016-12-12