在網頁設計中，圖片的大小通常需要根據情況進行調整。jQuery是一種優秀的JavaScript庫，其可以通過JS代碼實現動態修改圖片的寬高。
下面我們來看看如何通過jQuery設置圖片的寬高。首先，我們需要在HTML文件中引入jQuery庫，代碼如下：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

在引入jQuery之后，我們需要給圖片元素設置一個唯一的id，以便于在JS中調用。代碼如下：

<img id="picture" src="圖片路徑" />

接下來，我們就可以使用jQuery代碼對圖片進行操作了。代碼如下：

<script>
$(document).ready(function(){
$("#picture").css("width", "200px");
$("#picture").css("height", "100px");
});
</script>

上述代碼中，我們首先使用$(document).ready()方法來確保文檔加載完畢后再對圖片進行操作。然后，通過jQuery的css()方法，設置圖片的寬為200px，高為100px。
除了使用css()方法，我們還可以使用width()和height()方法來設置圖片的寬高。代碼如下：

$(document).ready(function(){
$("#picture").width(200);
$("#picture").height(100);
});

上述代碼通過width()和height()方法直接設置圖片的寬和高，而不需要使用css()方法。
總體來說，使用jQuery設置圖片的寬高非常簡單，只需要掌握幾個方法并對圖片元素添加id屬性即可。通過動態設置圖片的寬高，我們可以為網頁設計帶來更多的靈活性和美觀度。