JQuery是一種廣泛使用的JavaScript庫，可用于簡化HTML文檔的操作。在編寫網頁時，經常需要設置盒子的邊距以實現更良好的布局效果。通過JQuery，我們可以很方便地設置盒子的邊距。

//設置div元素的外邊距
$("div").css("margin", "20px");
//設置div元素的內邊距
$("div").css("padding", "10px");

上面的代碼演示了如何通過JQuery設置div元素的外邊距和內邊距的方法。在設置元素樣式時，需要使用css()函數，該函數的第一個參數表示要設置的CSS屬性名稱，第二個參數則表示屬性值。在上面的代碼中，我們設置了div元素的外邊距為20像素，內邊距為10像素。

此外，我們還可以通過設置CSS類來修改一組元素的樣式，以提高代碼的可維護性。通過addClass()函數可以為元素添加一個CSS類，而removeClass()函數則可以刪除CSS類。例如：

//為所有class為box的元素添加CSS類margin-box
$(".box").addClass("margin-box");
//為所有class為box的元素刪除CSS類margin-box
$(".box").removeClass("margin-box");

在上面的代碼中，我們首先使用addClass()函數為所有class為box的元素添加了CSS類margin-box，然后使用removeClass()函數刪除了這個CSS類。

通過上面的代碼，我們已經能夠使用JQuery來設置盒子的邊距，更好地實現頁面布局效果。