jquery 學(xué)習(xí)之二 屬性 文本與值(text,val)
text()
返回值
String
示例
HTML 代碼:
jQuery 代碼:
結(jié)果:
text(val)
返回值
jQuery
參數(shù)
val (String) : 用于設(shè)置元素內(nèi)容的文本
示例
HTML 代碼:
jQuery 代碼:
結(jié)果:
val()
返回值
String,Array
示例
獲得單個(gè)select的值和多選select的值。
HTML 代碼:
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
jQuery 代碼:
"<b>Single:</b> " + $("#single").val() +
" <b>Multiple:</b> " + $("#multiple").val().join(", ")
);
結(jié)果:
獲取文本框中的值
HTML 代碼:
jQuery 代碼:
結(jié)果:
val(val)
返回值
jQuery
參數(shù)
val (String) : 要設(shè)置的值。
示例
設(shè)定文本框的值
HTML 代碼:
jQuery 代碼:
val(val)
返回值
jQuery
參數(shù)
val (Array<String>) : 用于 check/select 的值
示例
設(shè)定一個(gè)select和一個(gè)多選的select的值
HTML 代碼:
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br/>
<input type="checkbox" value="check1"/> check1
<input type="checkbox" value="check2"/> check2
<input type="radio" value="radio1"/> radio1
<input type="radio" value="radio2"/> radio2
jQuery 代碼:
$("#multiple").val(["Multiple2", "Multiple3"]);
$("input").val(["check2", "radio1"]);
相關(guān)文章
jQuery實(shí)現(xiàn)點(diǎn)擊查看大圖并以彈框的形式居中
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊查看大圖并以彈框的形式居中的代碼,代碼簡單易懂,需要的朋友參考下2016-08-08基于JQuery的$.ajax方法進(jìn)行異步請(qǐng)求導(dǎo)致頁面閃爍的解決辦法
這篇文章主要介紹了基于JQuery的$.ajax方法進(jìn)行異步請(qǐng)求導(dǎo)致頁面閃爍的解決辦法的相關(guān)資料,非常具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05jQuery+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query+正則+文本框只能輸入數(shù)字的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10JQuery對(duì)class屬性的操作實(shí)現(xiàn)按鈕開關(guān)效果
頁面中的按鈕開關(guān)效果想必大家都有見到過吧,接下來為大家詳細(xì)介紹下如何使用JQuery對(duì)class屬性的操作方法實(shí)現(xiàn),感興趣的朋友不要錯(cuò)過2013-10-10關(guān)于jquery append() html時(shí)的小問題的解決方法
關(guān)于jquery append() html時(shí)的小問題,碰到類似問題的朋友可以參考下。2010-12-12jQuery 動(dòng)畫與停止動(dòng)畫效果實(shí)例詳解
這篇文章主要介紹了jQuery 動(dòng)畫與停止動(dòng)畫效果,結(jié)合實(shí)例形式詳細(xì)分析了jQuery 動(dòng)畫與停止動(dòng)畫效果相關(guān)函數(shù)功能、用法及使用注意事項(xiàng),需要的朋友可以參考下2020-05-05解決jQuery ajax動(dòng)態(tài)新增節(jié)點(diǎn)無法觸發(fā)點(diǎn)擊事件的問題
在寫ajax加載數(shù)據(jù)的時(shí)候發(fā)現(xiàn),后面添加進(jìn)來的demo節(jié)點(diǎn)元素,失去了之前的點(diǎn)擊事件,如何解決此問題呢?下面小編給大家?guī)砹薺Query ajax動(dòng)態(tài)新增節(jié)點(diǎn)無法觸發(fā)點(diǎn)擊事件的解決方法,一起看看吧2017-05-05