jQuery是一種流行的JavaScript庫，它提供了許多工具和函數，可以使網頁開發變得更加容易。在本文中，我們將探討如何使用jQuery調整圖片的寬度和高度。
使用jQuery調整圖片的寬度和高度非常簡單。首先，我們需要選擇要改變大小的圖片。我們可以使用jQuery的選擇器來選擇一個或多個圖片。例如，如果我們想選擇所有class為“my-image”的圖片標簽，我們可以使用以下代碼：

$(document).ready(function() {
$('.my-image').each(function() {
// 在這里編寫代碼
});
});

接下來，我們需要使用jQuery的width()和height()函數來設置圖片的寬度和高度。例如，如果我們想將所有my-image圖片的寬度設置為500像素，高度設置為300像素，我們可以使用以下代碼：

$(document).ready(function() {
$('.my-image').each(function() {
$(this).width(500);
$(this).height(300);
});
});

在這個例子中，我們使用了each()函數來循環遍歷所有選擇的圖片。在每個循環中，我們使用$(this)來引用當前正在處理的圖片。然后，我們使用width()和height()函數來設置圖片的寬度和高度。
另外，我們還可以動態地設置圖片的寬度和高度。例如，如果我們想將所有my-image圖片的寬度設置為它們容器的50％，我們可以使用以下代碼：

$(document).ready(function() {
$('.my-image').each(function() {
var containerWidth = $(this).parent().width();
$(this).width(containerWidth * 0.5);
$(this).height('auto');
});
});

在這個例子中，我們使用了parent()函數來獲取圖片的容器的寬度。然后，我們將圖片的寬度設置為容器寬度的50％。由于高度是自動設置的，我們將高度設置為“auto”。
綜上所述，使用jQuery調整圖片的寬度和高度是一個簡單且方便的過程。只需選擇要更改大小的圖片，然后使用width()和height()函數設置寬度和高度即可。此外，我們還可以動態地設置圖片的大小，以使其響應式。