对HTML的设置与捕获

对HTML的设置与捕获

1.html() -设置或返回所选元素的内容（包括HTML标记）  相当于innerHTML
2.text() -设置或返回所选元素的文本内容 innerText
3.val() -设置或返回表单字段的值 value
4.attr()、prop() 方法用于获取和返回属性值。

attr(),prop()区别

1.attr()可以获取和设置自定义属性，prop()不可以
2.如 checked,selected或disabled， 使用prop()

 $('#btn').on('click', function () {
         $('.header').html('<h1>我是标题</h1>') //会覆盖元素，可以解析标签
         $('header').text('<h1>我是标题</h1>')   //会覆盖元素，不可以解析标签

         $('#input').attr('id', 'iii')
         $('#input').prop('id', 'iii')
         $('#input').attr('name_1', 'iii')
        $('#input').prop('name_1', 'iii') //不可以设置自定义属性

    })