jQuery中物件遍歷的種類及其使用方法

2019-12-12 17:43:39

jQuery中物件遍歷的種類及其使用方法。我們要知道jQuery是javascript的庫，物件實際上就是obeject，用大括號把資料括起來，包含鍵值對的屬性和方法，這樣導致了遍曆物件出現了不止一種方法，現在就給大家介紹一下吧。

我們現在開啟編輯器，建立一個html檔案，並且用程式碼編寫基礎架構。

在body裡面建立<script src="index.js"></script>。

並且建立一個新的js檔案，這樣我們等下可以編寫js程式碼。

然後我們還需要在head裡面加上這句。

<script src="jquery-3.4.1.min.js"></script>

這樣可以參照jquery庫，這是已經下載好的js檔案，官網可以下載。

這裡建立一個變數物件作為示範。

$.each(book, function(key, val){

document.write("KEY: " + key + " VALUE: " + val + "<br>");

});

用.each可以這樣遍歷資料。

我們也可以指定標籤內容來遍歷，這裡用物件的儲存方式放在多個div標籤中進行遍歷。

$("div").each(function(k, v){

document.write("KEY: " + key + " VALUE: " + val + "<br>");

})

形式稍微有點不同。

$.each(book, function(key, val){

document.write("KEY: " + key + "<br>");

});

實際上我們可以只顯示鍵值對的其中一個也可以的。