HTML屬性與DOM屬性差別最大的地方，恐怕就要數(shù)表單控件的值了。比如，文本輸人框的 value屬性在DOM中的屬性叫defaultValue，DOM中就沒有value屬性。而選項(xiàng)列表（select) 元素呢，其選項(xiàng)的值在DOM中通常是通過selectedIndex屬性，或者通過其選項(xiàng)元素的 selected屬性來取得。

由于存在這些差異，在取得和設(shè)置表單控件的值時(shí)，最好不要使用.attr()方法。而對于選項(xiàng)列表呢，最好連.prop()方法也不要使用。那使用什么呢，建議使用jQuery提供的.val()方法：

復(fù)制代碼代碼如下:

//取得文本輸入框的當(dāng)前值

var inputValue = $('#my-input').val();

//取得選項(xiàng)列表的當(dāng)前值

var selectValue = $('#my-select').val();

八設(shè)置單選列表的值

$('#my-single-select').val('value3');

/^設(shè)置多選列表的值

$('#my-multi-select').val(['value1', 'value2']);

與.attr()和.prop()—樣，.val()方法也可以接受一個(gè)函數(shù)作為其setter參數(shù)。有了這個(gè) 多用途的.val()方法，使用jQuery做Web開發(fā)你又會倍感高效。

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下
2014-03-03
高效的jQuery代碼編寫技巧總結(jié)
好的代碼會帶來速度的提升，快速渲染和響應(yīng)意味著更好的用戶體驗(yàn)。本文主要總結(jié)了如何高效的編寫jQuery代碼的技巧，對提升你的jQuery和javascript代碼具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
asp.net+jquery滾動滾動條加載數(shù)據(jù)的下拉控件
由于需求需要用到一個(gè)滾動滾動條加載數(shù)據(jù)的下拉列表（假如數(shù)據(jù)1000條，下拉列表開始只顯示100條，當(dāng)用戶下拉滾到條到最底下時(shí)，再加載下一個(gè)100條，如此循環(huán)）
2010-06-06
Jquery中Event對象屬性小結(jié)
這篇文章主要介紹了Jquery中Event對象屬性的操作方法的總結(jié)，非常的詳細(xì)，是篇十分不錯(cuò)的文章，這里推薦給大家。
2015-02-02
jquery 插件學(xué)習(xí)（六）
把其中的參數(shù)默認(rèn)值作為$.fn.color對象的屬性單獨(dú)進(jìn)行設(shè)計(jì)，然后借助jquery.extend方法，覆蓋原來的參數(shù)選項(xiàng)即可
2012-08-08
本文主要分享了jQuery+HTML5彈出創(chuàng)意搜索框?qū)拥膶?shí)例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2016-12-12