源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-02-16 04:40 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery 学习之二 属性 文本与值(text,val)

text()

取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
[h1]返回值[/h1] String [h1]示例[/h1] [b]HTML 代码:[/b]
<p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>
[b]jQuery 代码:[/b]
$("p").text();
[b]结果:[/b]
Test Paragraph.Paraparagraph
------------------------------------------------------------------------------------------------------------------------------

text(val)

设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
[h1]返回值[/h1] jQuery [h1]参数[/h1] [b]val [/b](String) : 用于设置元素内容的文本 [h1]示例[/h1] [b]HTML 代码:[/b]
<p>Test Paragraph.</p>
[b]jQuery 代码:[/b]
$("p").text("<b>Some</b> new text.");
[b]结果:[/b]
[ <p><b>Some</b> new text.</p> ]
------------------------------------------------------------------------------------------------------------------------------

val()

获得第一个匹配元素的当前值。
在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
[h1]返回值[/h1] String,Array [h1]示例[/h1] 获得单个select的值和多选select的值。 [b]HTML 代码:[/b]
<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>
[b]jQuery 代码:[/b]
$("p").append(   "<b>Single:</b> "   + $("#single").val() +   " <b>Multiple:</b> " + $("#multiple").val().join(", ") );
[b]结果:[/b]
[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]
获取文本框中的值 [b]HTML 代码:[/b]
<input type="text" value="some text"/>
[b]jQuery 代码:[/b]
$("input").val();
[b]结果:[/b]
some text
------------------------------------------------------------------------------------------------------------------------------

val(val)

设置每一个匹配元素的值。
在 jQuery 1.2, 这也可以为select元件赋值
[h1]返回值[/h1] jQuery [h1]参数[/h1] [b]val [/b](String) : 要设置的值。 [h1]示例[/h1] 设定文本框的值 [b]HTML 代码:[/b]
<input type="text"/>
[b]jQuery 代码:[/b]
$("input").val("hello world!");
------------------------------------------------------------------------------------------------------------------------------

val(val)

check,select,radio等都能使用为之赋值
[h1]返回值[/h1] jQuery [h1]参数[/h1] [b]val [/b](Array<String>) : 用于 check/select 的值 [h1]示例[/h1] 设定一个select和一个多选的select的值 [b]HTML 代码:[/b]
<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
[b]jQuery 代码:[/b]
$("#single").val("Single2"); $("#multiple").val(["Multiple2", "Multiple3"]); $("input").val(["check2", "radio1"]);
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部