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) 功能:将已绑定的数据删除。
    原型方法只提供绑定和删除的功能,没有全局的强大,所以一般数据量较复杂使用全局方式


心语花束
169 声望0 粉丝

web前端开发


引用和评论

0 条评论