jQuery中有一個.val()方法主要是用來處理表單元素的值，例如 input, select 和 textarea。
val()方法
val()無參數，取得符合的元素集合中第一個元素的目前值
val( value )，設定匹配的元素集合中每個元素的值
val( function ) ，一個用來返回設定值的函數
註：
# 透過.val( )處理select元素， 當沒有選擇項目被選中，它返回null
val()方法多用來設定表單的欄位的值
下面我們來看一下特定的實例，如何使用val 方法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<select id="see">
<option>php 中文网</option>
<option>php.cn</option>
<option>小猪 CMS</option>
</select>
<p></p>
<script type="text/javascript">
$("p").text($('#see').val());
</script>
</body>
</html>下面我們來看看如何改變input 的value 值
程式碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<input type="text" value="php 中文网" id="ipt">
<script type="text/javascript">
$("#ipt").val("php.cn");
</script>
</body>
</html>html(),text()和val()的差異總結：
.html(),.text(),.val()三種方法都是用來讀取選定元素的內容；只不過.html()是用來讀取元素的html內容（包括html標籤），text()用來讀取元素的純文字內容，包括其後代元素，val()是用來讀取表單元素的"value"值。其中html()和text()方法不能使用在表單元素上,而val()只能使用在表單元素上；另外html()方法使用在多個元素上時，只讀取第一個元素；val ()方法和.html()相同，如果其應用在多個元素上時，只能讀取第一個表單元素的"value"值，但是.text()和他們不一樣，如果.text()應用在多個元素上時，將會讀取所有選取元素的文字內容。
html(htmlString),text(textString)和val(value)三種方法都是用來替換選取元素的內容，如果三個方法同時運用在多個元素上時，那麼將會替換所有選中元素的內容。
html(),text(),val()都可以使用回呼函數的回傳值來動態的改變多個元素的內容。
下一節