jQuery的 data 方法原理,簡化版

2021-10-23 07:06:21 字數 1047 閱讀 2585

注意:獲取的dom物件

var elem = document.getelementsbyclassname('test')

typeof elem   ===  "object"

object.prototype.tostring.call(elem) === "[object htmlcollection]"

給標籤元素的dom物件繫結值 或者 獲取值

將值進行快取的時候,我們用到是隨機數,是jquery在初始化的時候,產生的隨機數。

"use strict";

var version = "3.4.1";

jquery.extend()

function data()

data.uid = 1;

data.prototype = ;

},set: function (elem, key, value) else if(key && typeof key === "object" && value === undefined)

}return cache;

},get: function (elem, key)

},access: function (elem, key, value) else if(key && value || object.prototype.tostring.call(key) === "[object object]" && value === undefined)

},remove: function (elem, key)

}}var datapriv = new data();//構建私有物件

var datauser = new data();//構建公有物件

jquery.extend(,

removedata: function (elem, key) ,

//私有方法

_data: function (elem, key, value) , _removedata: function ()

})

繁星 jquery的data 方法

今天在看jquery文件的時候偶然看到了data 方法,覺得挺好用的,這裡做個記錄。這個方法用於在元素上存放資料,返回jquery物件。在文件中提到v1.4.3 新增用法new data obj 可傳入key value形式的資料。這個方法的用法如下 1 在乙個div上訪問資料 1 html 2 d...

jQuery筆記之data方法

成品圖如下所示 搭建html css結構 add sum 0 引入jquery檔案 開始寫js 1 模擬後端穿過來的資料 2var shoparr 3,24 25 shoparr.foreach function ele,index find p 獲取轉殖後元素裡面的p標籤 32 text ele....

zepto 和 jQuery 的data方法的區別

zepto坑之一,data和jquery的data方法有區別。眾所周知,data 方法很好用,而且效率相當不錯,如 tableid data style 就是讀取tableid上面的屬性data style的值。但是需要注意的點是 區分大小寫,且只能小寫,即,data 其中不管 是大小寫,讀取統一小...