通過源碼可見,靜態方法是直接操作數據類的 data_user.access 方法
jQuery.extend({ data: function(elem, name, data) { return data_user.access(elem, name, data) }
靜態方法data的實現不像attr操作直接把數據作為屬性捆綁到元素節點上,如果為DOM Element 附加數據;DOM Element 也是一種 Object ,但 IE6、IE7 對直接附加在 DOM Element 上的對象的垃圾回收存在問題;因此我們將這些數據存放在全局緩存(我們稱之為“globalCache”)中,即 “globalCache” 包含了多個 DOM Element 的 “cache”,并在 DOM Element 上添加一個屬性,存放 “cache” 對應的 uid。
最后可見:
1:jQuery.data(element,[key],[value]),每一個element都會有自己的一個{key:value}對象保存著數據,所以新建的對象就算有key相同它也不會覆蓋原來存在的對象key所對應的value,因為新對象保存是是在另一個{key:value}對象中
2:$("div").data("a","aaaa") 它是把數據綁定每一個匹配div節點的元素上
源碼可以看出來,說到底,數據緩存就是在目標對象與緩存體間建立一對一的關系,整個Data類其實都是圍繞著 thia.cache 內部的數據做增刪改查的操作。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報