jQuery中val()方法用法實例
更新時間：2014年12月25日 09:29:38 投稿：shichen2014
這篇文章主要介紹了jQuery中val()方法用法,以實例形式分析了val()方法的兩種常見用法,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中val()方法用法。分享給大家供大家參考。具體分析如下：
此方法設置或獲取匹配元素的value屬性值。
只有具有value屬性的元素才能夠使用此方法。比如input元素可以使用此方法，而div元素就不可以。
使用方式：
用法一:
此方法不帶參數的時候是返回第一個匹配元素的value屬性值。例如:
復制代碼 代碼如下:
$("input").val()
以上代碼是獲取第一個input元素的value屬性值。
實例代碼:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>val()函數-腳本之家</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>
用法二:
此方法帶有參數的時候是設置所有匹配元素的屬性值。例如：
復制代碼 代碼如下:
$("input").val("這是測試腳本")
以上代碼將所有input元素的value屬性值設置為"這是測試腳本"。
實例:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>val()函數-腳本之家</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中DOM節(jié)點的操作與訪問方法,結合實例形式分析了jquery操作dom節(jié)點與訪問dom節(jié)點相關實現技巧及操作注意事項,需要的朋友可以參考下2019-12-12
Jquery循環(huán)截取字符串的方法(多出的字符串處理成"...")
下面小編就為大家?guī)硪黄狫query循環(huán)截取字符串的方法(多出的字符串處理成"...")。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery Migrate是應用遷移輔助插件，是用于高級版本兼容低級版本輔助插件。這篇文章主要介紹了jQuery Migrate 插件用法 ,需要的朋友可以參考下2019-05-05
開發(fā)前期用自動生產 固定大小的圖片 進行 顯示，發(fā)現不能滿足，在前期的時候把保存了原圖，現在只能顯示原圖，原圖由于上傳時候沒有做任何限制所有要使用 圖片不完全按比例縮小，下面是代碼2013-07-07
這篇文章主要介紹了jQuery的one()方法用法,實例分析了one()方法的功能、定義及為匹配元素的特定事件綁定一個一次性的事件處理方法使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了如何快速掌握jQuery插件WebUploader文件上傳和圖片上傳操作,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
這篇文章主要介紹了Jquery插件編寫簡明教程,jquery插件開發(fā)實例,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了jQuery實現checkbox全選功能,結合完整實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了jQuery從零開始做一個分頁組件功能,結合實例形式分析了jQuery分頁組件的具體步驟、功能實現技巧與操作注意事項,需要的朋友可以參考下2020-05-05
表格增行刪行一般情況下都是通過修改html結構實現的，接下來為大家介紹下如何使用jquery實現表格增行刪行，感興趣的各位可不要錯過了哈2013-03-03