jquery data与attr 坑

最新推荐文章于 2022-07-09 19:14:56 发布

_swimming

最新推荐文章于 2022-07-09 19:14:56 发布

阅读量282

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 js 文章标签： js jquery 前端 data attr

本文链接：https://blog.youkuaiyun.com/lyj330852840/article/details/89085344

前端同时被 2 个专栏收录

4 篇文章

订阅专栏

4 篇文章

订阅专栏

本文详细解析了jQuery中attr和data方法的区别与用法。attr主要用于操作元素属性，包括获取和设置属性值；而data则用于存储和检索元素的自定义数据，尤其适用于data-前缀的属性。此外还探讨了它们在处理JSON对象和大小写敏感性方面的表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

attr 
    1.  获取元素节点上的属性
    2.  设置的值，会呈现在html节点上。
    3.  获取的值 是字符串

data  ==》   个人是不推荐使用，虽然方便，但是容易造成不可知的错误。
    1.  获取元素节点上 data- 开头的属性值，获取时不加 data- ,
    2.  也可以获取 通过data方法设置的 data的值，该data值不会呈现在html节点上，而是保存在浏览器缓存中，刷新浏览器后，就不存在了。  对于某些需要将内容以html存入数据库的需求时，要整出bug来，就是这个原因 我就放弃了 使用data。
    3.  如果是json的对象的话，获取值会默认进行 json 转换，。 如果是数字会转换为数字。
    
1.  $.attr("data-list",[]);      
    可以 用 $.data('list');

2.  $.attr("data-listVal",[]);
    不可以使用 $.data('listVal');// 默认都被转换为 小写了  在html上 没有大写