jQuery是一種廣泛使用的JavaScript庫，提供了很多方便的方法，包括添加、刪除和修改元素的CSS樣式。下面我們來介紹一下如何使用jQuery進行CSS的添加和刪除操作。

首先，我們需要在HTML文檔中引入jQuery庫，可以從官方網(wǎng)站（http://jquery.com/）下載或使用CDN。例如：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

接下來，我們可以通過jQuery選擇器選擇需要添加或刪除CSS樣式的元素。例如：

<div id="box">Hello World!</div>
<script>
$(document).ready(function(){
// 添加CSS樣式
$('#box').css('color', 'red');
$('#box').css('font-size', '24px');
// 刪除CSS樣式
$('#box').css('color', '');
$('#box').css('font-size', '');
});
</script>

上面的代碼中，我們首先選中id為“box”的div元素，然后使用css()方法添加了color和font-size兩個CSS樣式。其中，第一個參數(shù)為CSS屬性名，第二個參數(shù)為CSS值。我們也可以將CSS樣式直接定義為JavaScript對象的屬性值，例如：

$('#box').css({
'color': 'red',
'font-size': '24px'
});

接下來，我們使用相同的css()方法并將CSS屬性值設(shè)置為空串來刪除CSS樣式。例如，我們刪除了color和font-size兩個CSS樣式。

此外，jQuery還提供了addClass()和removeClass()方法用于添加和刪除CSS類。例如：

<div id="box">Hello World!</div>
<script>
$(document).ready(function(){
// 添加CSS類
$('#box').addClass('bg-red');
// 刪除CSS類
$('#box').removeClass('bg-red');
});
</script>

上面的代碼中，我們首先選中id為“box”的div元素，然后使用addClass()方法添加了名為“bg-red”的CSS類。我們也可以使用removeClass()方法刪除CSS類。

總之，使用jQuery進行CSS樣式的添加和刪除非常方便。有了它，我們可以快速地修改HTML元素的外觀，實現(xiàn)更好的用戶體驗。