$.data()和$().data()

jQuery中提供了数据绑定的方法,主要用于解决数据直接通过属性等方式直接绑定到元素节点上可能导致内存泄漏的一种数据缓存的处理方案。


jQuery的全局方法(静态方法)$.data()

  1. $.data(elem,name,data) 功能:给指定的元素节点绑定指定的数据。参数 elem,元素节点如$('body')或者原生节点均可;参数name,指定需要绑定的数据名称(请思考为什么);参数data是需要绑定的数据源。关于name的意义在于你可以在同一个元素上绑定多个数据源,可以使用name来区分不同的数据源如:
    图片描述

输出的结果:
图片描述

正如你所看到的,如果我们想要访问绑定的数据

  1. $.data(elem,name) 功能:获取绑定在元素节点上的指定的绑定数据;参数同上面的 $.data(elem,name,data)。当我们在一个元素上绑定了多个数据源时,要想获取某一个数据源就必须指定对应的name值。当然你可以可以通过$data = $.data(elem)获取所有的数据源,通过$data对象访问你指定的数据源如:指定了两个数据源,他们的名字是temp1和temp2,拿到数据源temp1 可以使用两种方式,一,$.data(elem,temp1)或者$.data(elem).temp1两种方式均可。

  2. $.removeData(elem,name) 功能:删除指定的元素节点上指定的已绑定的数据源(参照数据绑定理解 略过 )

  3. $.hasData(elem) 功能:检测莫伊指定元素是否绑定了数据源(略过)


jQuery的原型方法$().data():

  1. $(elem).data(key,value) 功能:将数据绑定到指定的元素,并可以链式操作。参数key,表示指定的数据名称即数据的键;参数value,绑定的数据,数据类型任意,建议绑定一些简单的数据,复杂数据使用全局的方法绑定。

  2. $(elem).removeData(key) 功能:将已绑定的数据删除。
    原型方法只提供绑定和删除的功能,没有全局的强大,所以一般数据量较复杂使用全局方式

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值