zoukankan      html  css  js  c++  java
  • .attr()与.data()的区别

      今天在做一个功能时,用到了利用attr记录暂时的值,还是按照之前的一惯做法,attr赋值,data取值,但是!失灵了!

    然后,调试发现,之前都是在页面初始化时,标签已有attr属性,此时用$.data()是可以获取到,但是,当再次$.attr()赋值后,就不可以了。

    经搜索及调试及验证后,发现,原因如下:

    1.attr属性是必须写在html标签上,它属于dom属性,而data是储存于jquery对象模型上,它属于jquery对象属性,因此,它俩本质不一样;

    2.attr的运行机制是:$.attr()取值和赋值都是找到html标签,直接操作该标签的属性;

    3.data的运行机制是:页面第一次解析时,会将dom节点的attribute值存放到内存中, $.data()取值和赋值都是直接操作这个内存值,而不是dom元素;

    综上所述:

    1.避免attr和data的混合使用,以免因为数据不一样,产生bug;

    2.attr赋值就用attr取值;

    3.data赋值就用data取值。

    
    
    
  • 相关阅读:
    singleTon 模式
    最近的工作经验
    sql server里的快捷键
    Bridge 模式
    [转]在.NET客户端程序中使用多线程
    wse
    关于高频查询界面
    判断字段值已经存在
    获取当前供应商的联系人信息
    获取系统常量
  • 原文地址:https://www.cnblogs.com/lichunyan/p/8213753.html
Copyright © 2011-2022 走看看