2012年8月29日 星期三

jquery .data() 的用法

此方法 讓DOM元素保存資料,以便參考引用

.data("名稱",( key: value ,key2:value2)) 


舉例 參考http://api.jquery.com/data/

.data("test", { first: 16, last: "pizza!" });



<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:blue; }
  span { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <div>
    The values stored were
    <span></span>
    and
    <span></span>
  </div>
<script>
$("div").data("test", { first: 16, last: "pizza!" });
$("span:first").text($("div").data("test").first);
$("span:last").text($("div").data("test").last);
</script>

</body>
</html>


The values stored were 16 and pizza!

沒有留言:

張貼留言