jquery数据缓存
2014-08-13来源:易贤网

学习jquery第三课:query数据缓存,也就是通过jquery获取过来的对象可以对其进行缓存数据的添加和移除

方法有:data(name),data(name,value),data(obj),removeData(name),jQuery.data(element,name,value),jQuery.data(name,value)

下面定义一个公共的html代码

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title></title>

<script language="javascript" src="jquery-1.4.2.min.js"></script><!--引入jquery框架,目前jquery-1.4.2.min.js是最高版本-->

<script language="javascript"><!--javascript代码区--></script>

</head>

<body>

<div id="foraspcn" name="xxx"><p>网站制作学习网</p></div>

</body>

<html>

1.data(name),获取jquery对象的name值。因为是数据缓存,如果没有设置则返回null或者undefind

举例$("#foraspcn").data("name");获取id为foraspcn的name缓存值,当然现在返回的是null或者undefind,与code中层中的name不同。

2.data(name,value);设置jquery对象的name值为value.

举例:$("#foraspcn").data("name","网站制作学习网!");设置name为网站制作学习网

$("#foraspcn").data("name"); 则返回"网站制作学习网"

3.data(obj);在元素上存放一组数据,返回jQuery对象。 obj是一个用于设置数据的键/值对。这个不是很理解,以后再说了。

4.removeData(name);就是清除对应对象的name,这里的Data必须是大写的D

$("#foraspcn").removeData("name");这样就清除了"网站制作学习网"的缓存值

5.jQuery.data(element,name,value),jQuery.data(Element,value) 这两个就是$data(name)和$data(name,value)的原始方法。其中的element是dom对象

jQuery.data(document,"url","www.forasp.cn")就等于 $(document).data("url","www.forasp.cn")。第二个一样

这就是jquery的数据缓存,在实际使用中不知道用的是否多。

更多信息请查看IT技术专栏

推荐信息