text()
取得所有匹配元素的內容。
結果是由所有匹配元素包含的文本內容組合起來的文本。這個方法對HTML和XML文檔都有效。
Get the text contents of all matched elements.
The result is a string that contains the combined text contents of all matched elements. This method works on both HTML and XML documents.
返回值
String
示例
HTML 代碼:
<p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>
jQuery 代碼:
$("p").text();
結果:
Test Paragraph.Paraparagraph
------------------------------------------------------------------------------------------------------------------------------
text(val)
設置所有匹配元素的文本內容
與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).
Set the text contents of all matched elements.
Similar to html(), but escapes HTML (replace "<" and ">" with their HTML entities).
返回值
jQuery
參數
val (String) : 用於設置元素內容的文本
示例
HTML 代碼:
<p>Test Paragraph.</p>
jQuery 代碼:
$("p").text("<b>Some</b> new text.");
結果:
[ <p><b>Some</b> new text.</p> ]
------------------------------------------------------------------------------------------------------------------------------
val()
獲得第一個匹配元素的當前值。
在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多選,將返回一個數組,其包含所選的值。
Get the content of the value attribute of the first matched element.
In jQuery 1.2, a value is now returned for all elements, including selects. For multiple selects an array of values is returned.
返回值
String,Array
示例
獲得單個select的值和多選select的值。
HTML 代碼:
<p></p><br/>
<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 代碼:
$("p").append(
"<b>Single:</b> " + $("#single").val() +
" <b>Multiple:</b> " + $("#multiple").val().join(", ")
);
結果:
[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]
獲取文本框中的值
HTML 代碼:
<input type="text" value="some text"/>
jQuery 代碼:
$("input").val();
結果:
some text
------------------------------------------------------------------------------------------------------------------------------
val(val)
設置每一個匹配元素的值。
在 jQuery 1.2, 這也可以為select元件賦值
Set the value attribute of every matched element.
In jQuery 1.2, this is also able to set the value of select elements, but selecting the appropriate options.
返回值
jQuery
參數
val (String) : 要設置的值。
示例
設定文本框的值
HTML 代碼:
<input type="text"/>
jQuery 代碼:
$("input").val("hello world!");
------------------------------------------------------------------------------------------------------------------------------
val(val)
check,select,radio等都能使用為之賦值
返回值
jQuery
參數
val (Array<String>) : 用於 check/select 的值
示例
設定一個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><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 代碼:
$("#single").val("Single2");
$("#multiple").val(["Multiple2", "Multiple3"]);
$("input").val(["check2", "radio1"]);