#jq 添加 CSS 樣式

隨著前端技術的不斷發展，JavaScript已經成為構建現代Web應用程序的主要技術之一。jq(JavaScript for jQuery)是一個強大的JavaScript庫，它提供了許多功能和工具，可以幫助開發人員更輕松地構建交互式Web頁面。

在開發中，我們經常需要添加一些樣式來美化我們的頁面，使它們看起來更美觀和易用。在jq中，我們可以使用CSS屬性來添加樣式，這些屬性可以在jq對象上訪問，并且可以使用>；和<；符號進行替換。

下面是一個簡單的示例，展示如何在jq中添加一個類名為"my-class"的CSS類：

<script>

$(document).ready(function() {

$('#my-element').addClass('my-class');

});

</script>

在這個示例中，我們使用`$('#my-element')`來訪問$元素的選擇器，然后使用`addClass()`方法來添加`my-class`類。`addClass()`方法接受一個或多個CSS類作為參數，并將它們添加到選擇器元素的類屬性中。

除了添加CSS類外，我們還可以使用jq中的其他方法來添加樣式，例如：

- 使用CSS選擇器：

```

$('#my-element').css('color', 'red');

```

這個示例將選擇器`#my-element`中的所有元素添加紅色背景顏色。

- 設置屬性：

```

$('#my-element').css('font-size', '16px');

```

這個示例將選擇器`#my-element`中的所有元素設置字體大小為16像素。

- 操作DOM元素：

```

$('#my-element').click(function() {

$(this).toggleClass('active');

});

```

這個示例將選擇器`#my-element`中的所有元素添加或刪除`active`類，以使其處于活動狀態。

總之，通過使用jq中的CSS屬性和操作DOM元素的方法，我們可以輕松地添加樣式來美化我們的Web頁面。