jq如何動態加入動態css樣式

jq動態添加動態css樣式的方法：首先準備jquery庫文件，並聲明一個class樣式；然後準備一個事件加載初始化的方法，並直接用匿名函數；接著addClass方法為div元素添加class ；最後透過css方法進行級聯的更改。

本教學操作環境：windows7系統、css3&&jquery3.2.1版本，DELL G3電腦。

jq動態新增動態css樣式的方法：

1、先在html中準備jquery庫文件，並且準備一個div元素，如下圖

2、然後我們在style標籤裡宣告一個class樣式，如下圖所示

3、接下來準備一個事件載入初始化的方法，在jquery中直接用匿名函數即可，如下圖所示

4、然後我們透過jquery的addClass方法為div元素添加一個class，如下圖所示

5、移除一個class的樣式也很簡單，如下圖所示，透過removeClass即可

#6、當然，你也可以透過css方法進行級聯的更改，如下圖所示

相關教程推薦：CSS影片教學

以上是jq如何動態加入動態css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！