jQuery中data方法内部运行原理

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery是一款非常流行的JavaScript库,它简化了开发人员的编写JavaScript代码的时间和工作量,并且可以为您提供丰富的插件库。jQuery插件是以jQuery库为基础编写的插件,用于扩展jQuery方法和功能。 jQuery插件不仅提供了各种丰富的功能,还提供了各种机制来使其更加灵活和可定制。其之一就是插件内部方法。 插件内部方法是插件作者在插件编写过程加入的私有方法,这些方法一般只能被插件内部方法所调用,而不能直接由其他JavaScript代码使用。插件内部方法依赖于插件其他的公共方法和属性,而不依赖于全局变量,这样可以确保插件在外部环境下的兼容性。 在插件内部方法,我们可以使用插件对象所包含的属性和方法,也可以利用jQuery的链式编程来实现复杂的操作。常见的内部方法包括初始化方法、展示方法、隐藏方法等。 通过使用内部方法,我们可以使插件的代码更加模块化和可维护。此外,插件内部方法还可以提高插件的性能和效率,因为它们可以在插件执行期间直接调用,而不需要再次进行绑定和解绑操作。这使得插件的响应速度更加快速且效果更加出众。 总之,插件内部方法是一种非常有用的方法,可以使插件功能更加完整和稳定,也可以提高插件的开发速度和效率。通过灵活使用插件内部方法,我们可以编写出更加强大和实用的jQuery插件,为我们的网站和应用提供更好的用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值