教程集 > jQuery > jquery 教程 > 正文 jquery 学习之二属性文本与值(text,val)

jquery 学习之二属性文本与值(text,val)

发布时间：2013-07-25 编辑：jiaochengji.com

jquery 学习之二属性文本与值(text,val)，学习jquery的朋友可以参考下。

text()

取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

返回值

String

示例

HTML 代码:

<p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>

jQuery 代码:

$("p").text();

结果:

Test Paragraph.Paraparagraph

------------------------------------------------------------------------------------------------------------------------------

text(val)

设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).

返回值

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。如果多选，将返回一个数组，其包含所选的值。

返回值

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 代码:

jQuery 代码:

$("input").val();

结果:

some text

------------------------------------------------------------------------------------------------------------------------------

val(val)

设置每一个匹配元素的值。

在 jQuery 1.2, 这也可以为select元件赋值

返回值

jQuery

参数

val (String) : 要设置的值。

示例

设定文本框的值

HTML 代码:

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"]);

您可能感兴趣的文章：
jquery 学习之二属性文本与值(text,val)
Jquery 基础学习笔记
 jQuery学习笔记操作jQuery对象属性处理
 jquery获取input表单值的代码
 jQuery获得内容与属性方法
 跟着JQuery API学Jquery 之二属性
 JQuery 常用操作代码
 jquery 获取自定义属性(attr和prop)的实现代码
 Jquery获取Select下拉框中Text与Value的方法详解
 jQuery学习笔记之jQuery的DOM操作

上一篇：juqery 学习之三选择器层级基本下一篇：jquery 学习之二属性(html()与html(val))

[关闭]

jquery 学习之二属性文本与值(text,val)

text()

返回值

示例

text(val)

返回值

参数

示例

val()

返回值

示例

val(val)

返回值

参数

示例

val(val)

返回值

参数

示例

最近更新

浏览排行

jquery 学习之二 属性 文本与值(text,val)

text()

返回值

示例

text(val)

返回值

参数

示例

val()

返回值

示例

val(val)

返回值

参数

示例

val(val)

返回值

参数

示例

最近更新

浏览排行

jquery 学习之二属性文本与值(text,val)