如何用 jquery 控制css樣式

2019-12-12 16:43:30

jquery中提供了方法來改變HTML元素的css樣式，例如，addClass()方法，removeClass()方法，toggleClass()方法，css()方法，下面介紹如何使用jquery方法改變css樣式。

新建一個html檔案，命名為test.html，用於介紹如何用jquery改變css樣式。

使用css新建兩個樣式，一個是important，字型加粗加大，另一個是blue，改變字型的顏色為藍色。

使用addClass（）方法給h1元素、p元素、div元素新增類名稱，改變其樣式。下面程式碼實現了當點選按鈕時，改變html元素的樣式。

addClass（）方法不僅可以設定一個類樣式，還可以設定多個類樣式。例如，下面程式碼實現了給div兩個樣式。

使用removeClass()方法可以實現去除指定html元素的樣式，例如，下面程式碼實現了當點選按鈕的時候，去除div的顏色樣式。

使用toggleClass()方法可以實現對指定的html元素進行樣式的新增與刪除切換。下面程式碼實現了點選按鈕時，完成新增或刪除顏色樣式的切換。

使用css()方法可以直接對指定html元素進行樣式的定義，例如，下面程式碼實現當點選按鈕的時候，把div內文字的顏色改為紅色。