欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

老生常談JQuery data方法的使用

 更新時間:2016年09月09日 09:35:45   投稿:jingxian  
下面小編就為大家?guī)硪黄仙U凧Query data方法的使用。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

(-1)說明

我用的是chrome49,這個方法涉及到JQuery版本問題,我手里有3.0的,有1.9.1,后面將1.9.1及其以前的稱為低版本,3.0稱為高版本

測試例子用到的showMessage方法如下

showMessage.i = 0; 
function showMessage(object) 
{ 
  var body = $("body")[0]; 
  var $p =$("#debugp"); 
 
  if($p.length==0) 
  { 
    $p = $("<p/>").attr("id","debugp"); 
    $(body).prepend($p); 
  } 
  $p[0].innerHTML += "<br/>"+(showAttribute.i++)+" | "+object; 
} 

(0)$.data(obj,key,value)

key值為字符串類型,為數字、對象(var lol={}),是沒有意義的,value值可以為普通類型,當為引用類型時傳遞的是引用而不是克隆

a.

var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"height",165);
showMessage($.data(obj,"height"));

$.data實際將數據放在了對象屬性上,類似于obj.sex="女",無論你通過$.data添加幾個key給obj,在obj只會多出一個類似于jQuery300082932543555993442

300082932543555993442是jQuery產生的隨機數,它指向一個對象,對象里面通過key-value的形式存儲著你添加的數據

低版本可以通過for-in遍歷出jQuery300082932543555993442,高版本只能通過debug工具查看了

b.

當value是一個對象時,傳遞的是引用

var husband = ["蠻族之王"];
var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"husband",husband);
$.data(obj,husband)[0] = "遁地龍卷風";
showMessage($.data(obj,husband));//輸出   遁地龍卷風

(2)$(selector).data(key,value)

$("#lol").data("name","寒冰射手");

showMessage($("#lol").data("name"));

$(selector).data將數據綁定在HTML DOM元素上,剩下的特性與$.data方法一樣,不過可以通過for-in得到添加的對象

以上這篇老生常談JQuery data方法的使用就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • jQuery根據表單name獲取值的方法

    jQuery根據表單name獲取值的方法

    這篇文章主要介紹了jQuery根據表單name獲取值的方法,總結分析了jQuery獲取表單值的常用技巧,涉及jQuery選擇器的使用技巧,非常簡單實用,需要的朋友可以參考下
    2016-05-05
  • jQuery實現圖片隨機切換、抽獎功能(實例代碼)

    jQuery實現圖片隨機切換、抽獎功能(實例代碼)

    本文通過實例代碼給大家介紹了jQuery實現圖片隨機切換、抽獎功能,感興趣的朋友跟隨小編一起看看吧
    2019-10-10
  • jQueryMobile之Helloworld與頁面切換的方法

    jQueryMobile之Helloworld與頁面切換的方法

    這篇文章主要介紹了jQueryMobile之Helloworld與頁面切換的方法,實例分析了jQueryMobile的基礎用法,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • 通過url查找a元素并點擊

    通過url查找a元素并點擊

    查找a元素的方法有很對,可以通過ID或者class,但如果這兩個條件都不具備的話,難道就沒有方法了嗎?NO,通過url也是可以做到的,下面有個不錯的示例,大家可以感受下
    2014-04-04
  • jQuery HTML css()方法與css類實例詳解

    jQuery HTML css()方法與css類實例詳解

    這篇文章主要介紹了jQuery HTML css()方法與css類,結合實例形式詳細分析了jQuery HTML css()方法與css類相關函數用法與操作注意事項,需要的朋友可以參考下
    2020-05-05
  • 初學Jquery插件制作 在SageCRM的查詢屏幕隱藏部分行的功能

    初學Jquery插件制作 在SageCRM的查詢屏幕隱藏部分行的功能

    SageCRM的查詢條件屏幕的條件比較多,會占用界面,用戶希望首先顯示常用的查詢條件,然后點擊展開的按鈕,可以看到一些不常用的查詢條件
    2011-12-12
  • jQuery的初始化與對象構建之淺析

    jQuery的初始化與對象構建之淺析

    之前本人的工作和學習多以原生js 為主,對jQuery 一直都不是很了解,但jQuery 作為當今最優(yōu)秀的js 類庫之一,必須是要花時間好好學習下的,今天正好蛋疼,讀了里面一些代碼
    2011-04-04
  • jquery實現輸入框實時輸入觸發(fā)事件代碼

    jquery實現輸入框實時輸入觸發(fā)事件代碼

    本文主要分享了jquery實現輸入框實時輸入觸發(fā)事件的代碼,代碼簡單易懂,需要的朋友一起來看下吧
    2016-12-12
  • EasyUI創(chuàng)建人員樹的實例代碼

    EasyUI創(chuàng)建人員樹的實例代碼

    最近做項目做一個樹狀的下拉列表,下面小編把easyUI創(chuàng)建人員樹的實現代碼分享到腳本之家平臺,需要的朋友參考下吧
    2017-09-09
  • jQuery實現底部浮動窗口效果

    jQuery實現底部浮動窗口效果

    這篇文章主要介紹了jQuery實現底部浮動窗口效果,涉及jQuery事件響應及頁面元素動態(tài)變換的相關操作技巧,需要的朋友可以參考下
    2016-09-09

最新評論