Jquery data()學習

航空母艦發表於2015-12-30

向元素附加資料,然後取回該資料

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
    //alert($(this).data("state"));
  });
  $("#btn2").click(function(){
    alert($("div").data("greeting"));
  });
});
</script>
</head>
<body>
<button id="btn1" data-state="1">把資料新增到 div 元素</button><br />
<button id="btn2">獲取已新增到 div 元素的資料</button>
<div></div>
</body>
</html>

 

相關文章