jQuery 属性操作attr() prop() removeAttr() val()

这些方法用于获取和设置 DOM 元素的属性。

一.attr():

<!--样式：在style里面写的，用css来操作。-->

<!--属性：在元素里面写的，用attr方法操作。-->

　　　　//设置单个属性
      //attr(name, value)
      $("img").attr("alt", "图破了");
      $("img").attr("title", "错错错错");

      //设置多个属性
      $("img").attr({
        alt: "图破了",
        title: "错错错",
        aa: "bb"
      })
      //$('img').attr('width', function (i, v)
      //'width'要设置的值 i是索引 v是获取到属性值
      $('input').click(function () {
        $('img').attr('width', function (i, v) {
          v = parseInt(v);
          v += 10;
          return v;
        });
      })
      
      //获取属性值
      console.log($('input').attr('value'))
      console.log($('input').attr('type'))

      //删除某个属性用removeAttr
      $('input:eq(1)').click(function () {
        $('img').removeAttr('title')
      })

 二.prop():

//对于布尔类型的属性，不要attr方法，应该用prop方法 prop用法跟attr方法一样。
  $(function () {
    $("input").eq(0).click(function () {
      $("#ck").prop("checked", true);
    });
  
    $("input").eq(1).click(function () {
      $("#ck").prop("checked", false);
    });
  });

三.val()

    //返回 value 属性：
      $(selector).val()

      //设置 value 属性：
      $(selector).val(value)

      //通过函数设置 value 属性：
      $(selector).val(function (index, currentvalue){})
      //value 必需。规定 value 属性的值。
      //index - 返回集合中元素的 index 位置。
      //currentvalue - 返回被选元素的当前 value。