您的位置:首页 > Web前端 > JQuery

jQuery中data方法内部运行原理

2016-01-04 14:10 525 查看
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元素的临时变量时内部的运行机制 哈哈~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: