`
流浪鱼
  • 浏览: 1682046 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 数据缓存 data方法使用

 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>data方法带函数</TITLE>
  <script type="text/javascript" src="../jquery-1.4.1.js"></script>
  <script type="text/javascript">
		
		
		function getDivData(){
			var t = document.getElementById("testId");
			//取缓存数据
			var state = $.data(t,'test');
			var fn = state.hanshu ; 
			//执行函数
			fn();
		}

		function getDivData1(){
			var t = document.getElementById("testId");
			//取缓存数据
			var state = $.data(t,'test1');
			var fn = state.hanshu ; 
			alert(fn);
		}



		//改变一个数据
		function changeDivData(){
			alert(111111111111);
			return "函数返回值";
		}

		$(function(){
			var t = document.getElementById("testId"); //此处必须用document.getElementById("testId")用$("#testId")没有效果
			$.data(t,'test',{
				name:'hqm',
				age:27,
				hanshu:changeDivData //此处hanshu为一个函数
			});



			$.data(t,'test1',{
				name:'hqm',
				age:27,
				hanshu:changeDivData()//此处hanshu为值函数返回值，因为执行了该函数
			});
		});
  </script>
 </HEAD>

 <BODY>
	<div id="testId">在这个div上存些数据</div>
	<input type="button" value="getDivData" onclick="getDivData()"/>
	<input type="button" value="getDivData1" onclick="getDivData1()"/>
	
 </BODY>
</HTML>

 

分享到：
| css a:hover属性使用发现问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery数据缓存用法分析

    正确使用数据缓存至关重要，因为不恰当的使用可能导致内存消耗增加，影响性能。以下是使用jQuery数据缓存的一些最佳实践： 1. 及时清理：当不再需要缓存的数据时，应使用`removeData()`函数清除，以避免不必要的...

    jQuery中数据缓存$.data的用法及源码完全解析.pdf

    总结来说，jQuery的`.data`方法通过数据缓存机制提供了强大且高效的数据管理能力，无论是存储DOM元素还是JavaScript对象的相关信息，都能方便地进行操作。理解这一机制有助于优化jQuery代码，提高应用性能。在实际...

    jQuery 数据缓存data(name, value)详解及实现

    数据缓存通过data()方法实现，它允许开发者在jQuery对象上绑定任意类型的数据，并通过一个简单的API进行存取。 ### 数据缓存的背景和作用 在没有数据缓存机制之前，开发者可能会将数据存储在全局变量中，或者创建...

    jquery的data函数

    `jQuery`的`data()`函数有一个内部缓存机制，当在元素上设置数据时，`jQuery`会尝试查找现有的`data-*`属性，如果找到则使用，否则才创建新的数据对象。这有助于减少内存占用，尤其是在处理大量元素时。 ### 五、`...

    深入学习jQuery中的data()

    2. 当我们使用 `jQuery.data()` 添加数据时，实际数据会被存储在缓存池中，而 DOM 元素或 jQuery 对象则会得到一个指向缓存池中数据位置的“门牌号”（通常是唯一的标识符）。 3. 访问这些数据时，通过“门牌号”...

    读jQuery之六 缓存数据功能介绍

    - 在使用jQuery缓存数据时，需注意不要与原生DOM元素的属性或方法冲突，特别是在使用`data-*`属性时。 - 使用缓存数据时应避免在数据中保存对DOM元素的引用，以免引起内存泄漏。 - 由于数据是存储在客户端的，不应在...

    jQuery缓存性能分析比较案例

    通过合理使用变量缓存、`.data()`方法以及事件委托等技术，我们可以有效地减少DOM查询，提高页面响应速度，为用户提供更流畅的浏览体验。理解并熟练运用这些技巧，对于任何使用jQuery的开发者来说都至关重要。

    jQuery.data() 的实现方式

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

    jQuery数据缓存功能的实现思路及简单模拟

    前言 对于jQuery的数据缓存，相信大家都不会陌生，jQuery缓存系统不仅运用于DOM元素，动画、事件等都有用到这个缓存系统。所以在平时实际应用中, 我们经常需要给元素缓存一些数据，并且这些数据往往和DOM元素紧密...

    老生常谈JQuery data方法的使用

    JQuery 的 `data` 方法是用于在 jQuery 对象或 DOM 元素上存储和检索...同时，由于数据存储在私有属性或 jQuery 缓存中，直接遍历或检查可能不直观，因此建议使用 `$.data` 和 `$(selector).data` 方法来操作这些数据。

    Jquery数据分页

    jQuery，作为一款广泛使用的JavaScript库，提供了丰富的工具和方法来实现数据分页。本文将深入探讨jQuery数据分页的原理、实现方式及其优势。 ### 1. 分页的基本概念 数据分页是指将大量数据分成若干小部分（页）...

    jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx

    该方法的语法为 `$.get(url, data, callback)`,其中 `url` 是要请求的 URL，`data` 是要传递的数据，`callback` 是请求完成时的回调函数。 例如：`$.get("url", {name: "John", age: 30}, function(data, status){ ...

Magicbox
Global site tag (gtag.js) - Google Analytics