jQuery中val()方法用法實(shí)例
更新時(shí)間：2014年12月25日 09:29:38 投稿：shichen2014
這篇文章主要介紹了jQuery中val()方法用法,以實(shí)例形式分析了val()方法的兩種常見用法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery中val()方法用法。分享給大家供大家參考。具體分析如下：
此方法設(shè)置或獲取匹配元素的value屬性值。
只有具有value屬性的元素才能夠使用此方法。比如input元素可以使用此方法，而div元素就不可以。
使用方式：
用法一:
此方法不帶參數(shù)的時(shí)候是返回第一個(gè)匹配元素的value屬性值。例如:
復(fù)制代碼 代碼如下:
$("input").val()
以上代碼是獲取第一個(gè)input元素的value屬性值。
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!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="請(qǐng)輸入用戶名" />
</li>
</ul>
</div>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
用法二:
此方法帶有參數(shù)的時(shí)候是設(shè)置所有匹配元素的屬性值。例如：
復(fù)制代碼 代碼如下:
$("input").val("這是測(cè)試腳本")
以上代碼將所有input元素的value屬性值設(shè)置為"這是測(cè)試腳本"。
實(shí)例:
復(fù)制代碼 代碼如下:
<!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("這是測(cè)試腳本");
})
})
</script>
</head>
<body>
<div>
<ul>
<li>
<input type="text" value="請(qǐng)輸入用戶名" />
</li>
</ul>
</div>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jquery 根據(jù)name名獲取元素的value值
- jQuery對(duì)val和atrr("value")賦值的區(qū)別介紹
- JQuery中的html()、text()、val()區(qū)別示例介紹
- 淺析JQuery中的html(),text(),val()區(qū)別
- jquery控制select的text/value值為選中狀態(tài)
- jquery獲取當(dāng)前點(diǎn)擊對(duì)象的value方法
- jQuery中的val()示例應(yīng)用
- jquery text(),val(),html()方法區(qū)別總結(jié)
- Jquery使用val方法讀寫value值
相關(guān)文章
基于jQuery實(shí)現(xiàn)多標(biāo)簽頁(yè)切換的效果(web前端開發(fā))
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)多標(biāo)簽頁(yè)切換的效果(web前端開發(fā))的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細(xì)介紹了jquery插件實(shí)現(xiàn)掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
13 款最熱門的 jQuery 圖像 360 度旋轉(zhuǎn)插件推薦
這篇文章主要介紹了13 款最熱門的 jQuery 圖像 360 度旋轉(zhuǎn)插件，非常炫酷實(shí)用，有需要的小伙伴參考下2014-12-12
jQuery制作仿Mac Lion OS滾動(dòng)條效果
本文是通過(guò)nanoscrollerjs簡(jiǎn)單實(shí)現(xiàn)Mac OS 系統(tǒng)滾動(dòng)條效果特效，以及本插件的使用方法和參數(shù)，非常不錯(cuò)，這里推薦給大家。2015-02-02
每天都在與DOM打交道而且暈頭轉(zhuǎn)向，不過(guò)，自打咱認(rèn)識(shí)了jQuery： 是操作屬性也不煩了，插入新元素也不暈了，連移動(dòng)元素及包裝元素咱也不抽筋了。。2010-01-01
這篇文章主要介紹了jQuery內(nèi)容過(guò)濾選擇器用法,實(shí)例分析了:contains()、:has()、:empty()、:parent等內(nèi)容過(guò)濾選擇器的使用技巧,需要的朋友可以參考下2015-02-02
jquery實(shí)現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可旋轉(zhuǎn)可拖拽的文字效果代碼,涉及jquery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
本文將為大家介紹下在jtable列中如何自定義button，下面有一個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-11-11
jquery實(shí)現(xiàn)圖片列表鼠標(biāo)移入微動(dòng)
本文主要介紹利用jquery實(shí)現(xiàn)圖片列表鼠標(biāo)移入微動(dòng)的實(shí)例。代碼清晰，需要的朋友來(lái)看下吧
2016-12-12