在前端開發中，常常需要對HTML文檔中的多個元素進行遍歷操作。這時jquery的each和js的forEach方法就成為了我們的好幫手。下面我們來詳細的介紹一下jquery中的each和js中的forEach方法。

jquery中的each方法，可以對jquery對象、javascript數組和普通對象進行遍歷操作。下面是一個jquery遍歷DOM元素的示例：

$(document).ready(function() {
$("p").each(function(index, element) {
console.log("index: " + index + " element: " + $(this).text());
});
});

上面的代碼就是使用jquery的each方法遍歷所有的p元素，并打印出它們的index值和文本內容。其中，index為元素在集合中的索引值，element為當前遍歷到的元素。

而在js中，forEach方法也可以遍歷數組和集合。下面是一個js遍歷數組的示例：

var arr = ["apple", "banana", "orange"];
arr.forEach(function(item, index) {
console.log("index: " + index + " item: " + item);
});

上面的代碼就是使用js的forEach方法遍歷數組，并打印出它們的index和值。其中，item為數組中的元素，index為元素的索引值。

jquery的each方法與js的forEach方法類似，但是，在使用方式上稍微有一些區別。在使用jquery的each方法時，每個元素都會被封裝成jquery對象，這樣我們就可以使用jquery提供的方法進行操作。而js的forEach方法遍歷的是原生對象，我們需要使用原生的方法進行操作。

綜上所述，jquery的each方法和js的forEach方法都是很方便的遍歷方法。我們在開發中可以根據自己的實際需求來選擇使用哪一種遍歷方法。