JQUERY DATA

很多前端工程师喜欢使用HTML的属性来存储数据：
<script language="javascript">
 [cc lang="js"]
 $('selector').attr('alt', 'data being stored');
 //之后可以这样读取数据:
 $('selector').attr('alt');
 [/cc]
 </script>
 
 使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，
 我们可以使用jQuery的data方法来为页面中的某个元素存储数据,使用data方法可以避免在DOM中存储数据
  先介绍下data(name)这个函数 jQuery的data()方法 返回元素上储存的相应名字的数据，
  可以用data(name, value)来设定。
  如果jQuery集合指向多个 元素，那将只返回第一个元素的对应数据。
  这个函数可以用于在一个元素上存取数据而避免了循环引用的风险。
  jQuery.data是 1.2.3版的新功能。你可以在很多地方使用这个函数
 
  <script language="javascript">
  [cc lang="js"]
  $('selector').data('参数名', '要存储的数据');
  //之后这样取得数据:
  $('selector').data('参数');
  [/cc]
   </script>

  这个data方法能让你自己命名数据的参数，更语义更灵活，
  你可以在页面上的任何元素存储数据信息
 
  <script language="javascript">
  [cc lang="js"]
  $("div").data("test", { first: 16, last: "pizza!" });
   $("div").data("test").first //16;
   $("div").data("test").last //pizza!;
   [/cc]
    </script>