[JavaScript知识库]jquery 的属性操作

1.我们可以使用prop()方法获取元素的自带的属性，如 a标签的title、href, input标签的type、checked等：

<a href="http://www.baidu.com" index='1' data-name="zhsnagan" title="这个标题">这个是百度</a>

<script>
       $(function() {
       
        console.log($('a').prop('href'));  //http://www.baidu.com/

        console.log($('a').prop('index'))  //undefined

        console.log($('a').prop('data-name'))  //undefined

        $('a').prop('title','测试') //可以修改a标签title的值

       })
      
</script>

2.可以使用attr()获取、设置元素自定义属性的值，上述index的值使用prop()去获取打印underfined,这里我们只能使用attr()的方法（该方法也能获取h5自定义属性）：

console.log($('a').attr('index'))   //1
console.log($('a').attr('href'))   //http://www.baidu.com/
console.log($('a').attr('data-name'))   //zhangsan

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

console.log($('a').data('name')); //zhansgan