標題：使用jQuery增加CSS樣式名稱

jQuery是一個流行的JavaScript庫，它可以幫助開發人員簡化Web前端開發。在jQuery中，可以使用CSS樣式名稱來替換內置的CSS樣式，從而增強代碼的可讀性和可維護性。本文將介紹如何使用jQuery增加CSS樣式名稱。

1. 引入jQuery庫文件。

在HTML文件中，需要引入jQuery庫文件。可以使用<script>標簽來引入：

2. 定義CSS樣式名稱。

在jQuery中，可以使用$()函數來獲取HTML元素，然后使用CSS樣式名稱來定義元素的樣式。例如，我們可以使用以下代碼定義一個按鈕的樣式：

button:hover {

background-color: #F44336;

color: #fff;

在上面的代碼中，我們使用了“button:hover”來定義按鈕的hover狀態樣式，其中“button”是CSS樣式名稱，“hover”是狀態選擇器，用于指定鼠標懸停時的樣式。

3. 使用jQuery函數增加樣式名稱。

我們可以使用jQuery中的add()函數來增加一個CSS樣式名稱。例如，如果我們想將一個按鈕的樣式與另一個按鈕的樣式合并，可以使用以下代碼：

button.add("myButton"):hover {

background-color: #F44336;

color: #fff;

在上面的代碼中，“button.add("myButton")”表示將“button”作為第一個參數，并將“myButton”作為第二個參數傳遞給add()函數。然后，“:hover”是狀態選擇器，用于指定鼠標懸停時的樣式。

使用jQuery增加CSS樣式名稱可以使代碼更加易于閱讀和維護。通過定義CSS樣式名稱，我們可以輕松地將多個按鈕的樣式合并，并在鼠標懸停時增加新的樣式。