$.data()和$().data()

jQuery中提供了數據綁定的方法,主要用於解決數據直接經過屬性等方式直接綁定到元素節點上可能致使內存泄漏的一種數據緩存的處理方案。緩存


jQuery的全局方法(靜態方法)$.data()spa

  1. $.data(elem,name,data) 功能:給指定的元素節點綁定指定的數據。參數 elem,元素節點如$('body')或者原生節點都可;參數name,指定須要綁定的數據名稱(請思考爲何);參數data是須要綁定的數據源。關於name的意義在於你能夠在同一個元素上綁定多個數據源,能夠使用name來區分不一樣的數據源如:
    圖片描述code

輸出的結果:
圖片描述對象

正如你所看到的,若是咱們想要訪問綁定的數據blog

  1. $.data(elem,name) 功能:獲取綁定在元素節點上的指定的綁定數據;參數同上面的 $.data(elem,name,data)。當咱們在一個元素上綁定了多個數據源時,要想獲取某一個數據源就必須指定對應的name值。固然你能夠能夠經過$data = $.data(elem)獲取全部的數據源,經過$data對象訪問你指定的數據源如:指定了兩個數據源,他們的名字是temp1和temp2,拿到數據源temp1 能夠使用兩種方式,一,$.data(elem,temp1)或者$.data(elem).temp1兩種方式都可。圖片

  2. $.removeData(elem,name) 功能:刪除指定的元素節點上指定的已綁定的數據源(參照數據綁定理解 略過 )內存

  3. $.hasData(elem) 功能:檢測莫伊指定元素是否綁定了數據源(略過)rem


jQuery的原型方法$().data():原型

  1. $(elem).data(key,value) 功能:將數據綁定到指定的元素,並能夠鏈式操做。參數key,表示指定的數據名稱即數據的鍵;參數value,綁定的數據,數據類型任意,建議綁定一些簡單的數據,複雜數據使用全局的方法綁定。it

  2. $(elem).removeData(key) 功能:將已綁定的數據刪除。原型方法只提供綁定和刪除的功能,沒有全局的強大,因此通常數據量較複雜使用全局方式

相關文章
相關標籤/搜索