DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 學習之二 屬性 文本與值(text,val)
jquery 學習之二 屬性 文本與值(text,val)
編輯:JQuery特效代碼     

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"]);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved