val()方法获取第一个匹配元素的输入值。
val( ) - 语法
selector.val( )
val( ) - 示例
以下示例将在第二段中设置第一个输入框的HTML内容-
<html>
<head>
<title>The Selecter Example</title>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
</span><span class="tag"><script</span><span class="pln"> </span><span class="atn">type</span><span class="pun">=</span><span class="atv">"text/javascript"</span><span class="pln"> </span><span class="atn">language</span><span class="pun">=</span><span class="atv">"javascript"</span><span class="tag">></span><span class="pln">
$</span><span class="pun">(</span><span class="pln">document</span><span class="pun">).</span><span class="pln">ready</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">var</span><span class="pln"> content</span><span class="pun">=</span><span class="pln">$</span><span class="pun">(</span><span class="str">"input"</span><span class="pun">).</span><span class="pln">val</span><span class="pun">();</span><span class="pln">
$</span><span class="pun">(</span><span class="str">"p#pid2"</span><span class="pun">).</span><span class="pln">text</span><span class="pun">(</span><span class="pln">content</span><span class="pun">);</span><span class="pln">
</span><span class="pun">});</span><span class="pln">
</span><span class="tag"></script></span><span class="pln">
</span><span class="tag"><style></span><span class="pln">
</span><span class="pun">.</span><span class="pln">red </span><span class="pun">{</span><span class="pln"> color</span><span class="pun">:</span><span class="pln">red</span><span class="pun">;</span><span class="pln"> </span><span class="pun">}</span><span class="pln">
</span><span class="pun">.</span><span class="pln">green </span><span class="pun">{</span><span class="pln"> color</span><span class="pun">:</span><span class="pln">green</span><span class="pun">;</span><span class="pln"> </span><span class="pun">}</span><span class="pln">
</span><span class="tag"></style></span><span class="pln">
</head>
<body>
<input type="text" value="First Input Box"/>
<input type="text" value="Second Input Box"/>
<p class="green" id="pid1">This is <i>first paragraph</i>.</p>
<p class="red" id="pid2">This is second paragraph.</p>
</body>
</html>
这将产生以下输出-
This is first paragraph.
First Input Box
