jQuery是一款優秀的JavaScript庫，它提供了非常方便快捷的方法來操作文檔對象模型（DOM）。在網頁開發過程中，常常需要對圖片進行遍歷和操作。下面介紹如何使用jQuery遍歷本地圖片。

// 遍歷圖片并進行操作
$("img").each(function() {
var src = $(this).attr("src");
// 對圖片進行操作
});

以上代碼首先通過選擇器選中所有圖片元素，然后使用each()方法遍歷每個圖片元素，傳入的參數為一個函數，該函數會遍歷每個元素并對其進行操作。

在函數中，使用attr()方法獲取圖片的地址，然后可以對圖片進行需要的操作。例如，可以使用animate()方法為圖片添加動畫效果：

// 添加動畫效果
$("img").each(function() {
var src = $(this).attr("src");
$(this).animate({ opacity: 0.5 }, 1000);
});

以上代碼為每個圖片元素添加了一個淡入淡出的動畫效果。

在使用本地圖片時，可能需要對圖片進行壓縮和調整大小。下面使用canvas來壓縮和調整圖片大小：

// 壓縮和調整圖片大小
$("img").each(function() {
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
ctx.drawImage(this, 0, 0, 200, 200);
var dataURL = canvas.toDataURL("image/jpeg", 0.5);
$(this).attr("src", dataURL);
});

以上代碼創建了一個canvas元素，并使用getContext("2d")方法獲取畫布上下文，然后使用drawImage()方法將原圖片壓縮和調整大小后繪制在畫布上，并使用toDataURL()方法將畫布中的圖像轉換為data URL格式，最后將data URL賦值給圖片元素的src屬性。

以上就是使用jQuery遍歷本地圖片的方法，通過使用jQuery和canvas，可以快速地對圖片進行操作和處理。