jQuery--HTML代码/文本/值的操作

参数说明

参数	说明
val	用于设定HTML内容的值
function(index, html)	此函数返回一个HTML字符串。接受两个参数，index为元素在集合中的索引位置，html为原先的HTML值。
array	用于 check/select 的值

• 以下空格代表或。

方法	概述
html([val fn])	取得第一个匹配元素的html内容。
text([val fn])	取得所有匹配元素的内容。
val([val fn arr])	获得匹配元素的当前值。

<button class="btn" value="123"><span>按钮</span></button>
<input type="text" class="ipt" value="请输入..."/> 

一、获取元素的文本值

    console.log($('.btn').html());//<span>按钮</span>
    console.log($('.btn').text());//按钮
    console.log($('.btn').val());//123 

二、设置元素的文本值

方法1：直接写值

   var str = '<h3>按钮</h3>';
   $('.btn').html(str);//自动解析
   $('.btn').text(str);//直接赋值
   $('.btn').val(str);

• 一个一个执行，不考虑前一个代码
  
  
  

方法2：匿名函数写法

   $('.btn').html(function(index){
       return '<p>文本</p>'+index;
   });
   $('.btn').text(function(index){
       return '<p>文本</p>>'+index;
   });
   $('.btn').val(function(index){
       return 'value';
   });

• 一个一个执行，不考虑前一个代码