jQuery是一個非常強大的JavaScript庫,它可以輕松地操作各種HTML元素和CSS屬性。其中一個常見的操作是在網頁上顯示圖片。在這篇文章里,我們將會介紹如何使用jQuery來設置圖片的src屬性。
// 首先,我們需要一個img元素 var img = $("img"); // 接著,我們可以使用attr()方法來設置圖片的src屬性 img.attr("src", "image.jpg"); // 如果我們想要在圖片加載完成后執行一些操作,可以使用load()方法 img.attr("src", "image.jpg").load(function() { console.log("Image loaded."); }); // 以上代碼會在圖片加載完成后,在控制臺輸出"Image loaded."。 // 如果我們想要在圖片加載失敗時執行一些操作,可以使用error()方法 img.attr("src", "nonexistent_image.jpg").error(function() { console.log("Image not found."); }); // 以上代碼會在圖片加載失敗后,在控制臺輸出"Image not found."。
總之,使用jQuery設置圖片的src屬性非常簡單,我們只需要查找到需要操作的img元素,然后使用attr()方法來設置屬性。如果我們需要進一步控制圖片加載的過程,可以使用load()或error()方法來執行相應的操作。