全栈工程师开发手册 （作者：栾鹏）

jquery系列教程2-DOM操作全解

jquery文本和值

jquery文本显示函数包括text、html、attr、val，具体功能如代码中注释。

代码如下：

$cr.text();                     //DOM操作中参数为空时表示读取
$cr.text("设置的值");                 //参数有值时表示设置
$cr.text(function(i,origText){          //参数为函数时表示根据该元素在列表中的下标和原有值设置新的值
return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
});
$cr.html();                     //读取元素节点内部的h5代码字符串，等价于cr.innerHtml();
$cr.text();                     //读取元素文本内容
$cr.attr("title");                //设置元素属性

var label_html = $("label").html();         //获取元素内的html代码，相当于innerhtml
$("label").html("<strong>代码添加的文字</strong>"); //设置元素内的html代码
var label_text = $("label").text();         //获取元素内的文本内容，相当于innertext
$("label").text("代码添加的文字");           //设置元素内的文本内容
var input_val = $("input").val();           //获取元素内的value属性，相当于value属性
$("input").val("代码添加的文字");          //设置元素内的value属性
$("#single").val("选择2号");                  //通过设置val值选中单选下拉框的选项，没有value也可以设置text内容
$("#multilpe").val(['选择2号','选择3号']);      //通过数组设置val值选中多选下拉框的选项，没有value也可以设置text内容
$(":checkbox").val(['myvalue1','myvalue2']);    //通过数组设置val值选中多选框的选项
$(":radio").val(['myvalue1']);          //通过数组设置val值选中单选框的选项，对于单值也可以通过数组的形式传递
$("#single option:eq(1)").attr("selected",true);  //通过选择器获取元素，再设置对象属性也可以选中
$("[value=myvalue]:radio").attr("checked",true);  //通过选择器获取元素，再设置对象属性也可以选中