jQuery元素的数据存储

             jQuery元素的数据存储
~~开发工具与关键技术: 前端
作者:梁锦豪
撰写时间:2019/4 / 15~~ 

在jQuery中用得最多的元素的数据存储方法就是data了,在HTML5中dataset是最新的HTML5的标准,它的存储的数量是不受限制的,也就是说你想存多少就存多少,并且也能由JavaScript进行动态的修改,还支持css选择器进行样式的设置,同样允许你在普通的元素标签里嵌入类似data的属性,来实现一些数据的交换也就是数据的存取。这样使得data属性特别的灵活还非常的强大。
data这个方法中提供了两个参数,一个是key存储的数据名称;一个是value是将要存储的数据。
其实有一部分浏览器是不支持HTML5的,比如旧版的IE浏览器,所有jQuery就提供了.data()这个方法来解决这种兼容性的问题。
jQuery元素的数据存储
jQuery元素的数据存储
Ps:两张图片来自jQuery手册。
data()这个方法还有一个接口的问题,如果我们把DOM看做是一个对象的的话,那么我们往对象上是可以存在基本类型引用类型的数据可能会存在循环引用的内存泄漏风险。我们可以通过jQuery提供的数据接口,就很好的处理这个问题:
我们不需要关心它底层是如何实现,只需要按照对应的data方法使用就行了

    同样的也提供2个对应的删除接口,使用上与data方法其实是一致的,
    只不过是一个是增加一个是删除罢了—jQuery手册

jQuery元素的数据存储