text()

取得所有匹配元素的內(nèi)容。 結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個(gè)方法對(duì)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();

結(jié)果:

Test Paragraph.Paraparagraph ------------------------------------------------------------------------------------------------------------------------------

text(val)

設(shè)置所有匹配元素的文本內(nèi)容 與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應(yīng)的HTML實(shí)體). Set the text contents of all matched elements. Similar to html(), but escapes HTML (replace "<" and ">" with their HTML entities).

返回值

jQuery

參數(shù)

val (String) : 用于設(shè)置元素內(nèi)容的文本

示例

HTML 代碼:

<p>Test Paragraph.</p>

jQuery 代碼:

$("p").text("<b>Some</b> new text.");

結(jié)果:

[ <p><b>Some</b> new text.</p> ] ------------------------------------------------------------------------------------------------------------------------------

val()

獲得第一個(gè)匹配元素的當(dāng)前值。 在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多選，將返回一個(gè)數(shù)組，其包含所選的值。 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

示例

獲得單個(gè)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(", ")
);

結(jié)果:

[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]

獲取文本框中的值

HTML 代碼:

<input type="text" value="some text"/>

jQuery 代碼:

$("input").val();

結(jié)果:

some text ------------------------------------------------------------------------------------------------------------------------------

val(val)

設(shè)置每一個(gè)匹配元素的值。 在 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

參數(shù)

val (String) : 要設(shè)置的值。

示例

設(shè)定文本框的值

HTML 代碼:

<input type="text"/>

jQuery 代碼:

$("input").val("hello world!"); ------------------------------------------------------------------------------------------------------------------------------

val(val)

check,select,radio等都能使用為之賦值

返回值

jQuery

參數(shù)

val (Array<String>) : 用于 check/select 的值

示例

設(shè)定一個(gè)select和一個(gè)多選的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"]); ------------------------------------------------------------------------------------------------------------------------------

轉(zhuǎn)載于:https://www.cnblogs.com/EWall/archive/2010/11/23/1885335.html

總結(jié)

以上是生活随笔為你收集整理的jquery 学习之二 属性---文本 值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。