位置: 编程技术 - 正文

深入学习jQuery中的data()(jquery从入门到精通)

编辑:rootadmin

推荐整理分享深入学习jQuery中的data()(jquery从入门到精通),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery基础教程,learning jquery,jquery从入门到精通,jquery基础教程详解,learning jquery,jquery基础教程详解,jquery教程csdn,jquery教程csdn,内容如对您有帮助,希望把文章链接给更多的朋友!

data有什么作用?

在我们平时js编码过程中,我们经常会向DOM元素中添加各种自定义属性,这样有一个弊端。

  1、假设我们在DOM元素中添加了一个属性,这个属性指向了某个js对象。 dom1.ele = jsObj

  2、当这个js对象发挥完作用后,我们已经用不到他了。这时候按理说应该把这个js变量清空,释放内存。大家都知道,如果一个js对象不存在任何外在引用的话,解释器会自动将其在内存中删除,这也是javascript相对于c++等手动管理内存的程序的优点。

  3、但是这时候问题来了,因为DOM元素引用了这个js对象,尽管这个js对象已经没有存在的意义了,但是解释器是不会把他删除的。如果想要把其删除,我们可能需要将DOM元素的这个属性设置为null。

  4、我们编写了这么多的代码,哪里能把 每个js对象是不是被DOM元素引用了都记住啊?

  5、而且,假如DOM元素与js对象之间相互循环引用,根本就无法删除! 这就是内存泄漏

  6、所以,为了避免这种情况的发生,我们要尽量避免 引用数据(这里的引用数据可以说是javascript对象) 直接依附在DOM对象上。

  7、data就是用来搞定以上问题的方法。

data是如何搞定以上问题的?

首先来说一说jQuery中Data实现的大体思路:

  1、首先我们创建一个数据缓存池,这个缓存池专门用来存储 向 DOM对象或者jQuery对象附加的额外数据。

  2、当我们要向DOM对象或者jQuery对象附加额外数据的时候,我们附加的数据其实是保存于这个缓存池中

  3、DOM对象或者jQuery对象生成一个额外属性,这个属性保存了 附加数据在缓存池中的‘门牌号'(位置或者索引)

  4、当我们访问DOM对象或者jQuery对象的附加数据时,实际上是先取得其附加数据的门牌号,然后找到缓存池中对应门牌号的数据,进行操作。

大体思路讲完,那么来分析一下具体思路:

在jQuery中,有一个Data构造函数,每当运行这个构造函数时,就会生成一个实例。

jQuery默认会自动生成两个Data实例:

深入学习jQuery中的data()(jquery从入门到精通)

  var dataPriv = new Data() jQuery私有的,我们尽量不要对这个实例进行操作。

  var dataUser = new Data() 这个就是服务于用户了,我们使用data()方法都是对这个实例进行操作。

所有的Data实例都有以下属性:

  expando: 值为字符串类型,每个Data实例的expando属性的值都不相同,用来区分不同的Data实例,类似于id的作用,expando的值就是上文中的额外属性。

  uid: 这就是上文中的门牌号,初始为1,随着不同对象的附加数据的加入,自增长。

  cache : 一个对象 {} ,这就是缓存池了。

来个实例:

body对象有一个名为jquer......的额外属性,

  这个属性的名称就是dataUser的expando的值

  这个属性的值就是门牌号。

总结: data实际上就是对js对象或者DOM对象的额外属性做了一个集中的管理。对于那些不会产生内存泄漏的额外数据,我们也可以直接向js对象或者DOM对象附加。

好,理清楚上面的关系后,我们再来看一下源码:

可能会有同学问道:如果我想对dataPriv进行操作该如何?

请看源码:

通过源码,我们可以看出:

jQuery.data() jQuery.remove()都是对dataUser进行操作,而jQuery._data() jQuery._remove()都是对dataPriv进行操作。

理解jQuery.data(ele,name,data) 与 jQuery().data(key,value)的不同。

  通过上面的源码,我们可以看到jQuery.data(ele,name,data)是对ele元素附加数据。

  而jQuery().data(key,value)则会为jQuery对象中的所有DOM对象分别附加数据

来看源码(删减了部分):

上文中的所有源码:为jQuery.1.

总结

标签: jquery从入门到精通

本文链接地址:https://www.jiuchutong.com/biancheng/373967.html 转载请保留说明!

上一篇:解决拦截器对ajax请求的拦截实例详解(拦截器 aop)

下一篇:jQuery插件DataTable使用方法详解(.Net平台)(jQuery插件能输出到控制台)

  • 红字发票注明的进项税额转出
  • 购买金税盘维护费会计分录
  • 上季度忘记申报个税了
  • 高新技术认定标准条件是什么
  • 电子设备残值率的最新规定
  • 应收账款和应付账款对冲会计分录
  • 软件使用费的税率是多少啊
  • 知道销项税怎么算进项
  • 银行承兑汇票贴现率多少
  • 住宿费机打发票税率多少
  • 未分配利润太多说明什么
  • 没有汇算清缴可以弥补以前年度亏损吗
  • 运输企业营改增
  • 劳务费需要预缴税款吗
  • 财库联网集中户扣了我的钱
  • 资产管理人该如何称呼
  • 广告服务增值税差额征税
  • 律师事务所的会计账务处理
  • 企业部门借备用金流程
  • 所得税汇算清缴截止日期
  • 城市维护建设税属于什么税种
  • 生产企业成本会计科目
  • 苹果13promax哪个颜色最贵
  • world超链接
  • 人力资源管理师考试时间
  • 转出的进项税额是加还是减
  • 收到负数发票怎么办
  • phpstudy配置ftp服务器
  • 项目部可以直接给工人结账吗
  • win7无法打开打印机
  • 源码阅读技巧
  • php写一个函数,算出两个文件的相对路径
  • 简单了解航天员的生活
  • 大自然水族馆怎么样
  • 补充养老保险和养老保险的区别
  • php面向对象是什么意思
  • thinkphp in
  • 房屋租赁费发票备注栏需要写什么?
  • htmlspecialchars_decode
  • 公司投资一家公司然后再投资
  • 大学送礼物该送多少钱的
  • 如何让header居中
  • 加计扣除内容
  • 销售产品收到现金的会计分录
  • 运杂费可以计入固定资产吗
  • 视同销售是填在申报表的哪一栏?
  • 什么叫网银盾账户
  • SQL Server 2008 R2 超详细安装图文教程
  • 专用发票丢失怎么入账
  • 怎么计提固定资产的累计折旧
  • 失控发票补缴税款后又被稽查
  • 食堂员工私自拿东西怎么办
  • 企业转让固定资产发生的费用可扣除吗
  • 发行价格另支付发行费用
  • 管理费用和营业费用的比例
  • 应交消费税等于
  • 工会经费账务处理流程
  • 小规模现金流量表年报不填可以吗
  • 公司银行开户的一些资料是公司办公室保存还是财务保存
  • 弥补上年亏损所需的资金
  • 非营利医疗机构什么意思
  • 商品盘盈商品会计分录
  • unix系统采用什么结构
  • win7系统怎么把桌面文件放到d盘
  • win 7系统无法删除系统文件
  • win10无法回退到以前的版本怎么办
  • win7此电脑在哪里
  • lsm.exe是什么进程
  • pycharm下载安装
  • perl如何使用
  • linux中命令行
  • centos打开shell
  • python计算字符串长度的程序
  • 酒店住宿的发票图片
  • 江西省电子税务局官网app
  • 税务处理决定书属于行政处罚吗
  • 在本地买车怎么上外地牌照
  • 河南政务服务网官网
  • 关于教师的采访稿问题
  • 开展培训举办培训
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设