現在的網頁開發中,JQuery被廣泛應用于前端開發。而其中,獲取data是常見的一個操作,下面我們就一起來學習一下。
獲取data的方式有很多種,其中JQuery中,使用$.data()方法進行data的獲取是比較常見的一種方法。
下面是一個例子:
<div id="example" data-number="10"></div> <script> var number = $("#example").data("number"); console.log(number); //輸出結果為:10 </script>
在上面的例子中,我們使用$.data()方法獲取了div元素中data-number的值。需要注意的是,獲取的data值會自動轉換為相應的數據類型,由于html中data值都是字符串類型的,因此如果需要轉換為其他類型,需要手動進行轉換。
不過需要注意的是,如果通過$.data()方法獲取data的值時,該元素必須處于DOM結構中,否則是獲取不到data的值的。
最后提醒一點,$.data()方法獲取的是HTML5的data-*屬性值,而不是元素的屬性值。
上一篇jquery 720旋轉
下一篇jquery 404