學(xué)習(xí)jquery第三課：query數(shù)據(jù)緩存,也就是通過jquery獲取過來的對象可以對其進(jìn)行緩存數(shù)據(jù)的添加和移除
方法有: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代碼區(qū)--></script>
</head>
<body>
<div id="foraspcn" name="xxx"><p>網(wǎng)站制作學(xué)習(xí)網(wǎng)</p></div>
</body>
<html>
1.data(name)，獲取jquery對象的name值。因為是數(shù)據(jù)緩存，如果沒有設(shè)置則返回null或者undefind
舉例$("#foraspcn").data("name");獲取id為foraspcn的name緩存值，當(dāng)然現(xiàn)在返回的是null或者undefind，與code中層中的name不同。
2.data(name,value);設(shè)置jquery對象的name值為value.
舉例:$("#foraspcn").data("name","網(wǎng)站制作學(xué)習(xí)網(wǎng)!");設(shè)置name為網(wǎng)站制作學(xué)習(xí)網(wǎng)
$("#foraspcn").data("name"); 則返回"網(wǎng)站制作學(xué)習(xí)網(wǎng)"
3.data(obj);在元素上存放一組數(shù)據(jù)，返回jQuery對象。 obj是一個用于設(shè)置數(shù)據(jù)的鍵/值對。這個不是很理解，以后再說了。
4.removeData(name);就是清除對應(yīng)對象的name,這里的Data必須是大寫的D
$("#foraspcn").removeData("name");這樣就清除了"網(wǎng)站制作學(xué)習(xí)網(wǎng)"的緩存值
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的數(shù)據(jù)緩存，在實際使用中不知道用的是否多。
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試