在網頁開發中，經常需要加載圖片，但圖片如果沒有加載完成，可能會影響頁面的顯示效果和交互體驗。這時候就需要用到jQuery Image Loaded插件來判斷圖片是否加載完成。

//引入jquery和jquery.imageLoaded插件
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.imagesloaded/4.1.4/jquery.imagesloaded.min.js"></script>
//定義一個函數，使用Image Loaded插件檢測圖片是否加載
function checkImage(url, callback){
var img = new Image();
$(img).imagesLoaded(function(){
callback(img.width, img.height);
});
img.src = url;
}
// 調用函數，檢測圖片是否加載完成并獲取圖片的寬高
checkImage("image.jpg", function(width, height){
console.log("圖片寬度為：" + width);
console.log("圖片高度為：" + height);
});

上面的代碼中，我們引入了jQuery和jQuery Image Loaded插件。然后定義了一個函數checkImage，它接受一個圖片地址和一個回調函數作為參數。在函數體內，創建了一個Image對象并使用Image Loaded插件檢測圖片是否加載完成。如果圖片加載完成，則調用回調函數并傳遞圖片的寬度和高度。

最后調用了checkImage函數來檢測一張名為image.jpg的圖片是否加載完成，并在回調函數中輸出了圖片的寬度和高度。