jQuery是一款優秀的JS庫,內置了相當多的實用功能,其中之一就是“數據操作”功能。在jQuery中,“數據操作”主要通過data()方法來實現。
$(selector).data(name,value)
這個方法主要有兩個作用:
1. 獲取指定元素的數據值。
2. 設置指定元素的數據值。
在獲取指定元素的數據值時,只需傳入需要獲取數據的名稱即可:
$(selector).data(name)
比如:
<div id="demo" data-info="這是一段文字"></div> <script> var info = $('#demo').data('info'); console.log(info); //打印結果為:這是一段文字 </script>
在設置指定元素的數據值時,需要傳入數據的名稱和對應的值:
$(selector).data(name,value)
比如:
<button id="btn">點擊我</button> <script> $('#btn').click(function(){ $(this).data('clicked', true); }); // 或者 $('#btn').data('clicked',true); </script>
通過這種方式設置的數據值,可以通過data()方法獲取并使用。
jQuery中data()方法的靈活性非常高,不僅支持在單個元素上進行數據的操作,還支持在整個文檔范圍內的數據存儲和管理。通過jQuery中的data()方法,開發人員可以更加方便地實現數據存儲和管理,使得JS開發變得更加高效、簡潔,減少代碼的冗余和重復工作。