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