jQuery Lazy Load是一個輕量級的圖片懶加載插件，可以在頁面滾動時動態加載圖片，從而提高頁面加載速度和性能。下面我們就來了解一下它的原理：

$('img.lazy').lazyload({
threshold : 200,
effect : "fadeIn"
});

首先，我們在頁面中引入jQuery和Lazy Load的庫文件：

<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.lazyload.js"></script>

然后，我們調用lazyload()函數來啟用Lazy Load插件。其中，我們通過傳遞一系列選項來自定義懶加載的行為。threshold選項用于指定滾動事件的距離，當圖片到達此距離時就會被加載。effect選項用于指定圖片的效果，此處我們指定了fadeIn，表示圖片將以漸隱漸顯的方式顯示。

接著，我們將需要懶加載的圖片的src屬性設置為data-original屬性，如下：

<img class="lazy" data-original="path/to/image.jpg">

這里，我們將圖片的真實路徑存儲在data-original屬性中，而將原來的src屬性設置為一個小圖片或者空值。

最后，我們需要在頁面加載完成后觸發滾動事件，以便懶加載插件可以開始工作。我們可以通過以下代碼實現：

$(document).ready(function(){
$(window).trigger('scroll');
});

這里，我們使用了jQuery的ready()函數來在頁面加載完成后觸發滾動事件。通過調用trigger('scroll')函數，我們可以模擬一次滾動事件，使懶加載插件開始加載圖片。

綜上所述，jQuery Lazy Load的原理主要是通過監聽滾動事件來動態加載圖片。當頁面向下滾動時，懶加載插件會檢查需要加載的圖片是否已經進入可見區域，如果是則將其加載并顯示出來，從而提高頁面加載速度和性能。