jQuery属性

1. 操作任意属性
   attr()
   removeAttr()
   prop()
2. 操作class属性
   addClass()
   removeClass()
3. 操作HTML代码/文本/值
   html()
   val()

//  1. 读取第一个div的title属性
    // console.log($('div:first').attr('title'))
//  2. 给所有的div设置name属性(value为atguigu)
    // $('div').attr('name', 'atguigu')
//  3. 移除所有div的title属性
    // $('div').removeAttr('title')
//  4. 给所有的div设置class='guiguClass'
    // $('div').attr('class', 'guiguClass')
//  5. 给所有的div添加class值(abc)
    // $('div').addClass('abc')
//  6. 移除所有div的guiguClass的class
    // $('div').removeClass('guiguClass')
//  7. 得到最后一个li的标签体文本
    // console.log($('li:last').html())
//  8. 设置第一个li的标签体为"<h1>mmmmmmmmm</h1>"
    // $('li:first').html('<h1>mmmmmmmmm</h1>')
//  9. 得到输入框中的value值
    // console.log($(':text').val())
//  10. 将输入框的值设置为atguigu
    // $(':text').val('atguigu')
//  11. 点击'全选'按钮实现全选
    $('button:first').click(function () {
      $(':checkbox').prop('checked', true)
    })
//  12. 点击'全不选'按钮实现全不选
    $('button:last').click(function () {
      $(':checkbox').prop('checked', false)
    })
  })