欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery 學(xué)習(xí)之二 屬性 文本與值(text,val)

 更新時間:2010年11月25日 18:37:51   作者:  
jquery 學(xué)習(xí)之二 屬性 文本與值(text,val),學(xué)習(xí)jquery的朋友可以參考下。

text()

取得所有匹配元素的內(nèi)容。
結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個方法對HTML和XML文檔都有效。

返回值

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í)體).

返回值

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()

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

返回值

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(", ")
);

結(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è)置每一個匹配元素的值。
在 jQuery 1.2, 這也可以為select元件賦值

返回值

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è)定一個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"]);

相關(guān)文章

最新評論