JQuery是一種非常流行的JavaScript庫，它能夠使JavaScript編寫變得更加簡單。通過使用JQuery，我們能夠更加方便地對網頁進行操作和設置。其中，設置div的樣式也是JQuery最常用的功能之一。本文將介紹如何使用JQuery來設置div的樣式。

首先，在HTML文檔中，我們需要使用div標簽來創建一個新的div元素。例如：

<div id="mydiv"></div>

現在，我們需要使用JQuery來設置這個div元素的樣式。我們可以使用JQuery的css()函數來完成這個任務。該函數可以接受一個對象或者鍵值對作為參數，從而設置指定元素的樣式。例如，我們可以使用以下代碼來設置div元素的背景顏色為紅色：

$("#mydiv").css("background-color", "red");

如果我們需要同時設置多個屬性，可以使用一個對象來傳遞參數。例如，下面這段代碼可以讓我們同時設置背景色和字體大小：

$("#mydiv").css({
"background-color": "red",
"font-size": "16px"
});

除了使用css()函數之外，我們還可以通過addClass()和removeClass()函數來為div元素添加或刪除類。這在需要根據用戶行為改變樣式時非常有用。例如，我們可以使用下面的代碼向div元素添加一個名為highlight的類：

$("#mydiv").addClass("highlight");

最后，我們還可以使用toggleClass()函數在添加或刪除類之間進行切換。例如，下面的代碼可以將highlight類從div元素中添加或刪除：

$("#mydiv").toggleClass("highlight");

使用JQuery設置div元素的樣式非常簡單。只需要使用css()、addClass()或者removeClass()函數即可。而toggleClass()函數則可以讓我們在添加或刪除類之間進行切換。這些函數都能夠使我們以更加簡單和快捷的方式，實現動態的樣式變化。