jQuery是一個廣泛應用的JavaScript庫,它的思想是寫更少的代碼,但實現(xiàn)更多的功能。在網頁應用中,界面與數據是密切相關的,頁面間的數據交互是必不可少的。
jQuery提供了多種方法來傳遞數據,其中最常見的方法有:
$(selector).data(key,value); // 存儲數據 $(selector).data(key); // 讀取數據
使用data方法可以向DOM元素添加任意數量的數據,這些數據可以在后續(xù)的事件處理中使用。下面是一個簡單的栗子:
$(function() { $("button").click(function() { var name = $(this).data("name"); var age = $(this).data("age"); alert(name + " is " + age + " years old."); }); });
在上述代碼中,我們給button元素添加了兩個數據屬性:name和age。當按鈕被點擊時,我們使用data方法讀取這些屬性,并在彈出框中顯示出來。
除了data方法之外,jQuery還提供了其他的數據傳遞方式,例如使用$.ajax()方法向服務器發(fā)送數據,或使用$.getJSON()方法獲取JSON格式的數據。這些方法在實際開發(fā)中非常常見。