jquery 数据缓存 data方法使用

最新推荐文章于 2019-08-20 17:42:49 发布

hqmln

最新推荐文章于 2019-08-20 17:42:49 发布

阅读量123

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/hqmln/article/details/84040255

版权

jquery 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<!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" οnclick="getDivData()"/>
	<input type="button" value="getDivData1" οnclick="getDivData1()"/>
	
 </BODY>
</HTML>

hqmln

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 数据缓存 data方法使用

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;data方法带函数&lt;/TITLE&gt; &lt;script type="text/javascript" src="../jque
复制链接

扫一扫

专栏目录