jQuery 鍵值對的集合可以在 DOM 操作和事件處理中使用,它為程序開發者提供了方便快捷的 API。
// 創建一個鍵值對的集合 var myCollection = {}; // 向集合中添加鍵值對 myCollection["A"] = "Apple"; myCollection["B"] = "Ball"; myCollection["C"] = "Cat"; // 訪問集合中某個鍵的值 console.log(myCollection["A"]); // 輸出 "Apple" // 遍歷集合中的鍵值對 $.each(myCollection, function(key, value) { console.log(key + " : " + value); });
在上面的代碼中,我們首先創建一個空的鍵值對集合,然后向其中添加三個鍵值對,最后分別訪問集合中某個鍵的值和遍歷所有鍵值對。
需要注意的是,在 jQuery 的事件處理中,this 關鍵字指向的是當前 DOM 元素,因此可以將鍵值對集合存儲在 DOM 元素上,以便在事件處理函數中使用。
// 為按鈕添加點擊事件處理函數 $("#myButton").click(function() { // 從按鈕上獲取對應的鍵值對集合 var myCollection = $(this).data("myCollection"); // 訪問集合中某個鍵的值 console.log(myCollection["A"]); }); // 將鍵值對集合存儲在按鈕上 $("#myButton").data("myCollection", { "A": "Apple", "B": "Ball", "C": "Cat" });
在上面的代碼中,我們將鍵值對集合存儲在按鈕上的 data 屬性中,在處理按鈕的點擊事件時從 data 屬性中獲取鍵值對集合,并訪問其中某個鍵的值。