value,text,attr等区别

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

<p class="ad1">我<span>呵呵</span></p>

$(function(){
    console.log($(".ad1").text());    //我呵呵
    console.log($(".ad1").html());    //我<span>呵呵</span>
})

// 补充一个属性选择器：input[type='checkbox']"

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

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

下面是原生的写法
4.test.innerHTML:
　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
　　上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。
5.test.innerText:
　　从起始位置到终止位置的内容, 但它去除Html标签
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText