jQuery中data方法内部运行原理
来源:互联网 发布:工厂计件工资软件 编辑:程序博客网 时间:2024/05/27 03:26
data方法的作用是将指定变量存入缓存,当以后需要使用时只需要从缓存中取出即可,这只是其功能,在内部,该功能是如何实现的呢。使用data方法,有可能是存入属于DOM元素的变量,也有可能是存入输入javascript对象的变量。我们分别对其进行介绍:
DOM元素
其中标号表示各步骤的先后顺序。
①给该DOM元素分配一个唯一的id,并且取出jQuery中的expando变量值,v_expando
②创建一个变量,变量名为v_expando值,变量值为该id值。
③将变量存入jQuery中的cache中,并且与id值关联起来。
当想要取出给该DOM元素存储的临时变量,只需要根据id值以及变量名,即可从cache中取出变量。
使用data方法的代码示例:
存储临时变量
var o = this.data('pagination',o);/*this代表一个DOM元素,比如$("#XXX"),在这里,data的作用为向this所指DOM元素中添加一个名为pagination的临时变量,该变量值为o.(o为事先定义好的,具有多个变量一个对象)*/
取出临时变量
var o_new = this.data('pagination'),/*o_new为一个新定义的对象,该段代码的作用是取出属于this所指DOM元素中的名为pagination的临时变量,将该变量赋值给o_new*/
注意:此时将o作为临时变量存储时,并非另复制一个对象副本,并存入对象副本,而是存入的原对象,当我们取出临时变量进行修改其中值时,原变量便被改变。
JAVASCRIPT元素
。。。。我也不太了解存入属于javascript元素的临时变量时内部的运行机制 哈哈~
0 0
- jQuery中data方法内部运行原理
- jquery ready方法实现原理 内部原理
- Windows程序内部运行原理
- Windows程序内部运行原理
- WINDOWS程序内部运行原理
- Windows程序内部运行原理
- Windows程序内部运行原理
- Windows 程序内部运行原理
- tomcat内部运行原理浅析
- windows程序内部运行原理
- WinDows程序内部运行原理
- Windows程序内部运行原理
- Windows程序内部运行原理
- jquery内部实现原理分析
- jQuery.data()方法
- jQuery 数据 - data() 方法
- jQuery入门:Data方法
- jQuery.data()方法
- AngularJS 表格
- 设计模式(一)
- Jenkins入门系列之——02第二章 Jenkins安装与配置
- 利用C++11实现一个自动注册的工厂
- AndroidStudio快捷键(非复制粘贴)
- jQuery中data方法内部运行原理
- Android端ORM框架——RapidORM
- 关于在Windows搭建OpenVPN的详细过程
- 为何ViewController释放后不走dealloc
- Jenkins入门系列之——01第一章 Jenkins是什么?
- 171,.plist文件中字典数据转成程序模型
- linux 添加用户、权限
- Android CountDownTimer 倒计时器
- 使用Jenkins搭建持续集成(CI)环境