0
点赞
收藏
分享

微信扫一扫

jquery 的属性操作

guanguans 2022-04-05 阅读 223

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

举报

相关推荐

0 条评论