value,text,attr等的区别

1.value常和按钮一起使用，是默认的按钮上显示的文本
2.html()把该标签里面的内容全部取出来，包括里面的html标签，val()是取出表单元素的value值，text()和html()相似，
但是不包括里面的html标签

<p class="ex">HELLO<span>HELLO</span></p>

html //获取该div所包裹的html标签及标签内的文本内容
text //获取该div所包裹的去除html标签所剩余的文本内容
val  //获取文本框等具有value属性的元素的value属性值，也就是文本框输入的内容

$(function(){
    console.log($(".ex").html());  //HELLOHELLO  
    console.log($(".ex").text());  //HELLO<span>HELLO</span> 
});

3.attr方法，来获取和设置元素的各种属性。带一个string参数的是返回这个属性的值，
带两个参数的是设置这个属性的值。也可直接使用json来设置其属性，这样方便多了。 
例： 
$('#input1').attr('value')  返回input1的value的值
$('#input1').attr('value','new value')  设置其value为new value
$('#input1').attr({name:'new',value:'new value'}) 设置基name为new,value为new value