jquery如何操作HTML代码/文本/值
取得第一个匹配元素的html内容，文本内容，值内容。
工具/原料
FrontPage
电脑
方法/步骤
操作元素的html内容
1、html()，返回值：String。
概述：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
2、html(val)，返回值：jQuery。
概述：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
参数：val，String类型，用于设定HTML内容的值。
3、html(function(index, html))，返回值：jQuery。
概述：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
参数：function(index, html)，Function类型，此函数返回一个HTML字符串。接受两个参数，index为元素在集合中的索引位置，html为原先的HTML值。
操作元素的文本内容
1、text()，返回值：String。
概述：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
2、text(val)，返回值：jQuery。
概述：设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)。
参数：val，String类型，用于设置元素内容的文本。
3、text(function(index, text))，返回值：jQuery。
概述：设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)。
参数：function(index, text)，Function类型，此函数返回一个字符串。接受两个参数，index为元素在集合中的索引位置，text为原先的text值。
操作元素的值内容
1、val()，返回值：String/Array。
概述：
获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。
示例：
描述：获得单个select的值和多选select的值。
HTML代码：
<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(", ")
);
结果:
[ <b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3]
描述：获取文本框中的值。
HTML代码：<input type="text" value="some text"/>
jQuery代码：$("input").val();
结果：some text
2、val(val)，返回值：jQuery。
概述：设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为select元件赋值。
参数：val，String类型，要设置的值。
示例：
描述：设定文本框的值。
HTML代码：<input type="text"/>
jQuery代码：$("input").val("hello world!");
结果：<input type="text" value="hello world!"/>
3、val(function(index, value))，返回值：jQuery。
概述：设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为select元件赋值
参数：function(index, value)，Function类型，此函数返回一个要设置的值。接受两个参数，index为元素在集合中的索引位置，text为原先的text值。
示例：
描述：设定文本框的值。
HTML代码：<input type="text" class="items"/>
jQuery代码：$('input:text.items').val(function() { return this.value + ' ' + this.className;});
4、val(array)，返回值：jQuery。
概述：check,select,radio等都能使用为之赋值。
参数：array，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"]);