在前端開發中，遍歷操作是非常常見的操作。JQuery和Javascript都提供了遍歷的方法，本文將著重講解這兩種方法的區別與應用。

首先是JQuery的遍歷方法：

$(selector).each(function(index, element){
// 遍歷操作
});

其中，selector為選擇器，each為JQuery遍歷方法，function為回調函數，index和element分別代表當前遍歷的索引和元素。我們可以在回調函數中進行遍歷操作。

示例：

// 遍歷所有p標簽
$("p").each(function(index, element){
console.log("第" + index + "個p標簽內容為" + $(element).text());
});

接下來是Javascript中的遍歷方法：

var elements = document.querySelectorAll(selector);
for(var i = 0; i< elements.length; i++){
// 遍歷操作
}

其中，selector為選擇器，querySelectorAll為Javascript的選擇器方法，elements為該選擇器找到的所有元素，for語句用于遍歷所有元素。我們同樣可以在for語句中進行遍歷操作。

示例：

// 遍歷所有p標簽
var elements = document.querySelectorAll("p");
for(var i = 0; i< elements.length; i++){
console.log("第" + i + "個p標簽內容為" + elements[i].textContent);
}

由此可見，JQuery的遍歷方法更為簡潔方便，但對于一些簡單的遍歷操作，使用Javascript也可以勝任。開發者可以根據實際需求選擇合適的方法進行遍歷。