jQuery是一個優秀的JavaScript庫，它可以極大地簡化我們的前端開發工作。在jQuery中，使用一些簡潔易懂的語法，你就可以輕松地完成各種頁面效果和交互動作。今天我們來學習一個可以通過jQuery在頁面上生成圖片的方法。

// 創建圖片
var img = document.createElement('img');
// 設置圖片src屬性
img.src = 'http://pic.prepic.org/recommend_1_1.png';
// 將圖片添加到頁面中
$('body').append(img);

在上面的代碼中，我們通過創建一個img元素，并設置其src屬性為要顯示的圖片鏈接，然后利用jQuery的append()方法將圖片添加到頁面中。

如果你想要在頁面中生成一張隨機的圖片，那么可以使用下面的代碼：

// 定義圖片鏈接數組
var imgs = ['http://pic.prepic.org/recommend_1_1.png',
'http://pic.prepic.org/recommend_1_2.png',
'http://pic.prepic.org/recommend_1_3.png',
'http://pic.prepic.org/recommend_1_4.png'];
// 隨機生成圖片鏈接
var index = Math.floor(Math.random()*imgs.length);
var imgUrl = imgs[index];
// 創建圖片
var img = document.createElement('img');
// 設置圖片src屬性
img.src = imgUrl;
// 將圖片添加到頁面中
$('body').append(img);

在上面的代碼中，我們首先定義了一組圖片鏈接，然后利用Math.random()方法隨機生成一個圖片鏈接地址，最后再根據上面的方法將圖片添加到頁面中。

總的來說，通過jQuery在頁面中生成圖片是一項非常方便和實用的技能，如果你掌握了這項技能，就可以在頁面中隨意添加各種圖片效果了。