比如我們想要統計一個頁面玩家的排行榜，但是DOM頁面的原生標籤並沒有提供這樣的一個類似的屬性。這時，就可以建立一個data-rank資料屬性，儲存玩家的分數，利用JS去控制屬性的賦值以及邏輯分析，最終達到想要的效果。

       對於資料屬性的值的獲取和設定，JQ提供了兩種方法attr（）和data（）。

       這兩種方法，當只傳遞一個引數（標籤的屬性）的時候，可以獲取該屬性的值；

   $(selector).attr(attribute)

   $(selector).attr(attribute,value)

       對於原生的屬性:

       <a id="a_one" href="http://blog.csdn.net/it_surfer"></a>

       <a id="a_two"></a>

        則利用$("#a_one").attr("href")可以獲取到id為a_one的a標籤的連線地址：http://blog.csdn.net/it_surfer；

        利用$("#a_two").attr("href","http://blog.csdn.net/it_surfer")，就可以設定id為a_two的a標籤的連線地址為：http://blog.csdn.net/it_surfer

   對於自定義資料屬性：

        <a id="a_one" href="http://blog.csdn.net/it_surfer" data-num=50></a>此處給a標籤加了一個自定義資料屬性data-num，用來統計訪問改連線的次數

        則可以利用$("#a_one").attr("data-num",80)來給id為a_one的a標籤來給data-num賦值

        也可以利用$("#a_one").data("num",80)來給id為a_one的a標籤來給data-num賦值

        同理，可以利用$("#a_one").attr("data-num")來獲取id為a_one的a標籤的data-num的值

        也可以利用$("#a_one").data("num")獲取id為a_one的a標籤的data-num的值

         注意attr（）和data（）方法引用的屬性名的形式不同。