jQuery Data(Event) 是 jQuery 庫中一個非常重要的模塊,它提供了關于 HTML 元素(或其他類型數據)的自定義數據存儲和事件處理的方法。
// 在元素上存儲數據 $('div').data('name', 'John'); // 讀取元素上的數據 $('div').data('name'); // 返回 'John' // 綁定事件并存儲數據 $('button').on('click', function() { $(this).data('clicked', true); }); // 觸發事件并讀取數據 $('button').click(function() { if ($(this).data('clicked')) { alert('已點擊過!'); } });
以上代碼演示了如何在 HTML 元素上使用 jQuery Data(Event) 存儲和讀取數據,并如何使用存儲的數據來處理事件。其中data()
方法用于存儲和讀取數據,而on()
方法用于綁定事件,而click()
方法則用于觸發事件。
除了存儲和讀取數據,jQuery Data(Event) 還可以處理事件,包括自定義事件的綁定和觸發,例如:
// 綁定自定義事件并觸發 $('input').on('customEvent', function() { alert('已觸發自定義事件'); }); $('button').click(function() { $('input').trigger('customEvent'); });
以上代碼演示了如何通過on()
方法綁定自定義事件,并通過trigger()
方法觸發該事件。
在使用 jQuery Data(Event) 時,需要注意一些細節:存儲的數據在頁面刷新時不會被保留;存儲的數據將在元素上存在,而不是在 jQuery 對象上,因此需要使用相應的選擇器來訪問它們。
下一篇內嵌式表寫css