jquery 學習之二 屬性 文本與值(text,val)
更新時間：2010年11月25日 18:37:51 作者：
jquery 學習之二 屬性 文本與值(text,val)，學習jquery的朋友可以參考下。
text()
取得所有匹配元素的內(nèi)容。
結果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個方法對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)
設置所有匹配元素的文本內(nèi)容
與 html() 類似, 但將編碼 HTML (將 "<" 和 ">" 替換成相應的HTML實體).
Set the text contents of all matched elements.
Similar to html(), but escapes HTML (replace "<" and ">" with their HTML entities).
返回值
jQuery
參數(shù)
val (String) : 用于設置元素內(nèi)容的文本
示例
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。如果多選，將返回一個數(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
示例
獲得單個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>
<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(", ")
);
"<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
參數(shù)
val (String) : 要設置的值。
示例
設定文本框的值
HTML 代碼:
<input type="text"/>
jQuery 代碼:
$("input").val("hello world!");
------------------------------------------------------------------------------------------------------------------------------
val(val)
check,select,radio等都能使用為之賦值
返回值
jQuery
參數(shù)
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
<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"]);
$("#multiple").val(["Multiple2", "Multiple3"]);
$("input").val(["check2", "radio1"]);
相關文章
這篇文章主要介紹了Validform驗證時可以為空否則按照指定格式驗證的相關資料,需要的朋友可以參考下2017-10-10
jQuery Flash/MP3/Video多媒體插件,主要是用來加載flash或mp3等網(wǎng)絡媒體文件。2010-01-01
基于JQUERY的兩個ListBox子項互相調(diào)整的實現(xiàn)代碼
基于JQUERY的兩個ListBox子項互相調(diào)整的實現(xiàn)代碼，需要的朋友可以參考下。2011-05-05
這篇文章主要介紹了jQuery判斷checkbox選中狀態(tài)的相關資料，非常具有參考借鑒價值，感興趣的朋友一起學習吧2016-05-05
jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js使用方法詳解
這篇文章主要為大家詳細介紹了jQuery Json數(shù)據(jù)格式排版高亮插件json-viewer.js的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了jQuery實現(xiàn)的導航下拉菜單效果,涉及jQuery響應鼠標事件動態(tài)操作頁面元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-07-07
通過$.each，可以遍歷對象、數(shù)組的屬性值并進行處理，下面有個示例，需要的朋友可以參考下2014-07-07
jquery 獲取json數(shù)據(jù)實現(xiàn)代碼
jquery json數(shù)據(jù)獲取代碼。2009-04-04
jQuery checkbox全選/取消全選實現(xiàn)代碼
用JavaScript使頁面上的一組checkbox全選/取消全選，邏輯很簡單，實現(xiàn)代碼也沒有太難的語法。但使用jQuery實現(xiàn)則更簡單，代碼也很簡潔，精辟！2009-11-11
如今jQuery在網(wǎng)站上普及的程度越來越高，所以，對于jQuery的使用，即使再小的一點認識、一點優(yōu)勢、一點不足，也顯得越來越值得研究和探討2012-06-06