jquery文本和值text、html、attr、val

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

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); 	//通过选择器获取元素，再设置对象属性也可以选中