JQuery是一種廣泛使用的Javascript庫，它提供了很多簡潔而強大的API，可以輕松地操作HTML和CSS。本文介紹了如何使用JQuery設置CSS樣式不可見。

.hide {
display: none;
}

首先，我們定義了一個CSS樣式類“hide”，它將元素的display屬性設置為“none”，這意味著該元素在頁面上將不可見。

$(document).ready(function() {
$(".element").addClass("hide");
});

接下來，我們使用JQuery選擇要隱藏的元素，并使用addClass()方法將“hide”類添加到該元素上。

$(document).ready(function() {
$(".element").hide();
});

另一種方法是使用JQuery的hide()方法直接隱藏元素。與addClass()方法不同，hide()方法不會改變元素的CSS類，而是將其display屬性設置為“none”。

無論你使用哪種方法，都可以使用CSS來再次顯示被隱藏的元素：

.show {
display: block;
}

通過將元素的display屬性設置為“block”，可以將元素顯示出來。

JQuery設置CSS樣式不可見的方法非常簡單，可以幫助我們輕松地控制頁面內容的顯示和隱藏。