JQuery是一種廣泛使用的JavaScript庫，它可以幫助網頁設計師更容易地處理Web頁面。其中之一就是使用JQuery來拉伸和縮小DIV中的圖片。如下是一些代碼演示

//使用CSS給DIV設置寬度和高度。 
$('#myDiv').css("width", "50%");
$('#myDiv').css("height", "400px");
//在頁面加載后，添加用于拉伸和縮小圖片的事件。
$(document).ready(function(){
$('#myImg').on('click', function(){
if ($(this).hasClass('full-screen')) {
//如果圖片已經放大，那么把它還原。
$(this).removeClass('full-screen');
$(this).css("width", "");
$(this).css("height", "");
} else {
//圖片沒有放大，需要進行拉伸。
$(this).addClass('full-screen');
var h = $('#myDiv').height();
$(this).css("width", "");
$(this).css("height", h);
}
});
});

上面的代碼在加載頁面后添加一個事件處理程序。當包含圖像的元素被單擊時，它會檢查圖像是否已經擴展。如果沒有，它會消耗周圍的DIV。如果已經擴展，則恢復正常狀態。在處理程序的末尾，代碼通過涉及圖像和DIV的樣式來執行相應的操作。