JQuery是一種廣泛使用的JavaScript庫，可用于開發Web應用程序。它使操作HTML文檔變得更加簡單，方便，并且支持請求服務器端的常見方式，如Ajax（異步JavaScript和XML）。在本文中，我們將介紹如何通過JQuery來改變畫像圖片的大小。
首先，在HTML文件中，我們要添加一個畫像圖片的元素，并將其包裹在一個
元素中。例如：
<div id="portrait"> <img src="path/to/image.jpg"> </div>
現在，我們需要JQuery庫來處理畫像大小的更改。在HTML文件底部，我們使用以下代碼來加載JQuery庫：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
現在我們可以使用JQuery來寫一個函數來改變畫像的大小。以下是代碼：
$(document).ready(function() {
$("#portrait img").click(function() {
if ($(this).css("width") == "100px") {
$(this).css({
"width": "200px",
"height": "200px"
});
} else {
$(this).css({
"width": "100px",
"height": "100px"
});
}
});
});這個函數使用了JQuery選擇器來找到元素，并給它添加了一個click事件處理程序。當單擊該元素時，它會檢查其當前寬度是否為100像素。如果是，則將寬度和高度設置為200像素；否則，將其設置為100像素。這樣，我們就可以通過單擊畫像來輕松地更改其大小。