jQuery 3.0.0是目前最新版本的jQuery。其中的data()方法是非常常用的,在處理頁面數據管理時經常會用到。下面我們來一起了解一下這個方法的具體用法:
//設置data $("div").data("name", "張三"); $("div").data({"age": 18, "gender": "male"}); //獲取data $("div").data("name"); // "張三" $("div").data(); // { "name": "張三", "age": 18, "gender": "male" } //刪除單個data $("div").removeData("name"); //刪除所有data $("div").removeData(); //讀取HTML5的data-* $("div").data("name", "王五"); $("div").data(); // { "name": "王五" }
使用data()方法讓我們可以在不污染DOM的情況下,方便地對頁面數據進行管理。同時,它支持HTML5中自定義的data-*屬性的讀取,也可以覆蓋已有的data數據。值得注意的是,在jQuery 3.0.0中因為移除了一些舊API,data()方法的某些使用方式可能會與舊版本不同,需要開發者注意一下。