jQuery属性操作

1.设置或获取元素的固有属性值 prop()

   比如<a>里面的href , <input>里面的type

   获取属性值：  元素.prop('属性名')

  <input type="text">
  <script>
    $(function () {
      console.log($('input').prop('type'));
    })
  </script>

 

   设置属性：           元素.prop('属性名','属性值')

  <input type="text">
  <script>
    $(function () {
      $('input').prop('type', 'password');
      console.log($('input').prop('type'));
    })
  </script>

 

2.设置或获取元素的自定义属性 attr()

  <div index="1"></div>
  <script>
    $(function () {
      $('div').attr('index', 2)
      console.log($('div').attr('index'))
    })
  </script>

 

   用法与1中相同

3.数据缓存 data()

  data()方法可以在指定的元素上获取数据，并不会修改DOM元素结构。一旦页面刷新，之前存放的数据都会被移除

  <div></div>
  <script>
    $(function () {
      $('div').data('uname', 'andy');
      console.log($('div').data('uname'));
    })
  </script>

 

   该方法可以获取h5自定义属性，例如：  data-开头的属性

<div data-index="1"></div>

 获取时使用data方法可以省略前缀，直接写index

  <script>
    $(function () {
      console.log($('div').data('index'))
    })
  </script>