jQuery是一個流行的JavaScript庫，可以幫助我們更加方便地實現一些常見的交互效果。其中之一便是隨機圖片的功能。下面我們將帶領您一起來學習。

$(document).ready(function(){
var imgArr = [
"img1.jpg",
"img2.jpg",
"img3.jpg",
"img4.jpg",
"img5.jpg"
];
var randomIndex = Math.floor(Math.random() * imgArr.length);
var randomImg = imgArr[randomIndex];
$("img").attr("src", randomImg);
});

代碼中，我們首先定義一個imgArr數組，并將需要隨機展示的圖片路徑添加進去。然后通過Math.random()函數和imgArr.length屬性，計算得到一個隨機數，采用Math.floor()函數取下整，得到一個0到imgArr.length-1范圍內的隨機整數編號。最后將隨機編號對應的圖片路徑賦給變量randomImg，并使用$("img")選取頁面上的img標簽，通過attr()方法將隨機圖片路徑賦給該標簽的src屬性，實現隨機展示圖片的效果。

當然，我們也可以將代碼封裝成一個函數，以便復用：

function randomImg(imgArr){
var randomIndex = Math.floor(Math.random() * imgArr.length);
var randomImg = imgArr[randomIndex];
$("img").attr("src", randomImg);
}
$(document).ready(function(){
var imgArr = [
"img1.jpg",
"img2.jpg",
"img3.jpg",
"img4.jpg",
"img5.jpg"
];
randomImg(imgArr);
});

以上代碼中，我們將隨機圖片的邏輯代碼封裝成一個randomImg函數，并將圖片數組作為參數傳遞進去。在頁面加載完成后，我們調用該函數即可實現隨機展示圖片的功能。