`

关于jQuery的data()方法的了解

 
阅读更多

关于jQuery的data()方法的了解
最近有date()来保存数据,但一直不清楚,当调用 remove() 清除 dom元素时,缓存数据是否一并清除?
今天查看jQuery源码,发现jQuery是会将 dom元素 及 其所有 子孙元素中的 数据缓存清除,在此记录一下


 

remove: function( selector ) {
  if ( !selector || jQuery.filter( selector, [ this ] ).length ) {
   // Prevent memory leaks
   jQuery( "*", this ).add([this]).each(function(){
    jQuery.event.remove(this);
    jQuery.removeData(this);
   });
   if (this.parentNode)
    this.parentNode.removeChild( this );
  }
 }


 

分享到:
评论

相关推荐

    jquery的data函数

    了解其内部工作原理可以帮助我们更有效地使用这个功能,同时也能提升对`jQuery`库的理解。 ### 结论 `jQuery`的`data()`函数提供了一种方便的方式来管理和访问DOM元素的自定义数据,它在处理用户交互、动态内容和...

    jQuery.data() 的实现方式

    `jQuery.data()` 是 jQuery 库中的一个核心方法,它用于在DOM元素上存储和检索数据。这个功能强大的工具使得开发者可以方便地与DOM元素关联任意的JavaScript对象或值,而无需污染HTML属性或使用全局变量。这篇博客...

    JQuery详解jQuery的bind方法

    ### JQuery详解:jQuery的bind方法 #### 一、概述 jQuery 的 `bind()` 方法是用于在元素上绑定事件处理程序的一种方式。与原生 JavaScript 的事件绑定相比,`bind()` 提供了更多灵活性和便捷性。它允许开发者指定...

    实测jquery data()如何存值

    ### jQuery的data()方法存储和获取值的机制 在讨论jQuery的data()方法如何存储和获取值之前,首先需要明白HTML元素上的data-*属性和jQuery内部存储的数据之间是如何交互的。根据提供的信息,jQuery的数据框架并不是...

    jquery autocomplete dwr结合 修改Data

    标题中的“jQuery Autocomplete DWR结合 修改Data”指的是在Web开发中使用jQuery UI的Autocomplete组件与Direct Web Remoting (DWR)技术相结合,并对数据进行定制化处理的方法。jQuery Autocomplete是一个流行的UI...

    Asp.net中JQuery、ajax调用后台方法总结

    Asp.net 中 jQuery、ajax 调用后台方法总结 在 Asp.net 中,使用 jQuery 和 Ajax 调用后台方法是一种常见的做法。...通过本文的总结,读者可以了解到使用 jQuery 和 Ajax 调用后台方法的基本原理和实现方法。

    JQuery API 参考文献

    2. **jQuery与AIR结合**: 使用JQAPI 1.5.1.air 和 JQAPI 1.6 和 1.6.1.air 文件,开发者可以查看详细的API文档,了解如何在AIR应用中使用jQuery。 3. **安装Adobe AIR**: AdobeAIRInstaller.exe是Adobe AIR的安装...

    jquery.common通用方法

    3. 数据操作:为了方便数据的存储和读取,jQuery.common可能提供了一种统一的方式来操作元素的data属性,甚至可以扩展到JSON格式的数据操作。 4. 动画效果:jQuery库本身就具有强大的动画功能,jQuery.common则可能...

    jQuery get方法+一般处理程序处理文本框内容

    首先,让我们深入了解jQuery的`removeClass`和`addClass`方法。这两个方法主要用于改变HTML元素的CSS类,从而影响元素的外观和行为。`removeClass`方法允许我们移除一个或多个类名,这在我们需要动态改变元素状态时...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    首先,我们来了解下jQuery的核心理念: "Write Less, Do More"。它通过提供易于理解和使用的函数,简化了原本复杂的JavaScript原生代码,让开发者能够快速实现各种功能。例如,用jQuery选择元素要比使用原生...

    jQuery实现动态给table赋值的方法示例

    然后,我们使用jQuery的`find()`方法找到新行中的每个单元格(id分别为"id"、"url"和"title"),并使用`text()`方法将JSON对象的相应属性值赋给它们。最后,我们使用`appendTo()`方法将新创建的行添加到表格的tbody...

    Jquery调用WebService示例方法(源代码)

    首先,了解jQuery的核心功能对理解jQuery调用WebService至关重要。jQuery提供了`$.ajax()`函数,它是进行异步数据请求的基础。在这个示例中,`$.ajax()`被用来发起一个HTTP POST或GET请求到WebService的URL,以获取...

    js操作Cookie子键+Jquery调用Ajax方法执行后台操作

    本文将深入探讨如何使用JS操作Cookie的子键,以及如何利用jQuery的Ajax方法进行无刷新的数据提交,并接收后台返回的值。 首先,让我们了解什么是Cookie和它的子键。Cookie是一种在客户端存储小量信息的方法,它由...

    关于jquery克隆,给元素赋值详解

    值得注意的是,jQuery的`clone()`方法默认不复制事件绑定,如果需要复制事件,可以传递`true`作为参数: ```javascript var clonedElementWithEvents = $("#myElement").clone(true); ``` 接下来,我们谈谈如何为...

    jquery参考手册jquery帮助文档

    `jQuery1.2.3参考手册.chm` 是关于jQuery 1.2.3版本的详细文档,其中包含了所有方法、属性和事件的说明,是学习和查找API的重要资源。虽然这个版本相对较旧,但了解它的功能可以帮助理解jQuery的基本工作原理。 ###...

    对 jQuery 中 data 方法的误解分析

    jQuery中的data方法是用于获取与DOM元素关联的数据对象,而这个数据对象与元素的自定义data-*属性相关联。...同时,他鼓励其他人更深入地了解jQuery的data方法,从而更高效地利用jQuery来处理Web开发中的数据管理问题。

    jQuery属性 toggleClass()方法添加和移除

    jQuery的toggleClass()方法是JavaScript库中的一个核心功能,它在网页动态效果和用户交互中扮演着重要角色。这个方法允许我们方便地切换HTML元素的CSS类,即在元素上添加或移除一个或多个类,根据该类是否已经存在。...

    jquery帮助文档,让你很快了解

    ### jQuery核心概念与应用 #### 一、简介 jQuery 是一款非常流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等开发工作。jQuery 的设计理念是“write less, do more”,即“写...

    jquery Api Chm 文档

    在“jQueryAPI-1.41.chm”中,你可以找到关于jQuery 1.4.1版本的详细API文档。这个版本的jQuery引入了一些新的功能,例如支持CSS3选择器,增强了AJAX请求的处理,以及对动画效果的优化。同时,它还修复了一些已知的...

Global site tag (gtag.js) - Google Analytics