对于Html的设置和获取

 <header id="hId" name_1="move">
      我是头部区域标签
      <p id="p1">
        <!-- 111 -->
      </p>
    </header>
    <input type="text" value="123" />
    <button id="setHtml">点我设置html</button>
    <button id="setText">点我设置text</button>
    <button id="setVal" disabled="true">点我设置val</button>
    <button id="setAttr">点我设置attr</button>
    <button id="setProp">点我设置prop</button>

1、html():设置和返回被选元素的所有节点      innnerHTML

    console.log($('#hId').html())

    $('#setHtml').bind('click', function () {

      $('#hId').html('<a href="https://www.baidu.com">百度一下</a>')

    })

2、text()：设置和返回被选元素的文本          innerText

    console.log($('#hId').text())

    $('#setText').on('dblclick', function () {

      $('#hId').text('改变啦')

    })

3、val():设置和返回表单元素的value值         value

    console.log($('input[type="text"]').val())

    $('#setVal').mouseover(function () {

      $('input[type="text"]').val('456')

    })

4、attr() 、prop()方法用于获取和返回属性值。

    console.log($('#hId').attr('id'))

    console.log($('#hId').attr('name_1'))

    console.log($('#setVal').attr('disabled'))

    $('#setAttr').click(function () {

      // $('#hId').attr('id', 'CCCId')

      $('#hId').attr('name_1', 'remove')

    })

    console.log($('#hId').prop('id'))

    console.log($('#hId').prop('name_1'))

    console.log($('#setVal').prop('disabled'))

    $('#setProp').click(function () {

      // $('#hId').prop('id', 'CCCId')

      $('#hId').prop('name_1', 'remove')

    })

        attr()/prop()的区别：

          1、attr()可以设置和返回元素的本身属性和自定义属性，但是prop()只能设置和返回元素的本身属性

          2、对于表单元素，拥有disabled/checked/selected属性时，用prop()