javaScript之data方法，兩種調用方式區別

結論：
$("#selector").data("key","value") : 這種方式是把數據保存到doc對象上。

$.data($e,"key","value") : 這種 方式是保存到JQuery對象上。

上代碼：

<div id="test2" onclick="test()">test2</div>  
          <div id="abc3" onclick="test()">test3</div>  
          <div id="test" onclick="test()">test</div>  
          <p id="ttt">aaaa</p>  
    <script>  
      $(document).ready(function(){  
        $("#test").click(function(){  
        alert("JQUERY");  
       
     var e=$("div");//定義了兩jquery對象  
     var w=$("div");//e是不等於w的。  
  
     //首先使用data([key],[value])用法。  
      $(e).data("a","aaaa");//分別在e和w上保存Key一樣的數據，  
      $(w).data("a","wwww");// 看它是否會覆蓋前面的，雖然是保存在不同對象上。  
      alert($(e).data("a"));//你猜到答案了嗎，里輸出是wwww;是不是有點意外？  
      alert(e===w)//false  
      alert($(w).data("a"));//這里也是wwww;  
       
  //使用jQuery.data(element,[key],[value])來存放數據。  
      $.data(e,"b","cccc");//分別在e和w上保存Key一樣的數據，  
      $.data(w,"b","dddd");// 看它是否會覆蓋前面的，雖然是保存在不同對象上。  
      alert($.data(e,"b"));//應該你能猜答案吧，輸出cccc  
      alert($.data(w,"b"));//這輸出dddd  
      
         });  
     });  
</script>  

上圖：