博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
$.data()和$().data()
阅读量:6430 次
发布时间:2019-06-23

本文共 872 字,大约阅读时间需要 2 分钟。

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) 功能:将已绑定的数据删除。

    原型方法只提供绑定和删除的功能,没有全局的强大,所以一般数据量较复杂使用全局方式

转载地址:http://rfiga.baihongyu.com/

你可能感兴趣的文章
Chrome的开发必备小技巧
查看>>
can-i-win(好)
查看>>
Centos6.5下安装protobuf及简单使用
查看>>
[SharePoint] SharePoint 错误集 3
查看>>
高压光耦
查看>>
[转]DPM2012系列之六:在Win7上安装DPM远程管理控制台
查看>>
postgres函数
查看>>
Microsoft AJAX Library Cheat Sheet(5): Number和Error类型的扩展
查看>>
POJ 3580 SuperMemo(splay)
查看>>
AfxGetMainWnd函数
查看>>
WebView增加一个水平Progress,位置、长相随意
查看>>
easyui messager alert 三秒后自动关闭提示
查看>>
带你Python入门,踏进人工智能领域
查看>>
core data 基础操作
查看>>
手机共享电脑网络
查看>>
ORM框架Hibernate (四) 一对一单向、双向关联映射
查看>>
20140616 科技脉搏 -最大颠覆来自创业公司与边缘产业
查看>>
offsetLeft, offsetTop以及postion().left , postion().top有神马区别
查看>>
visual studio 中GIT的用法
查看>>
数据库中触发器before与after认识
查看>>