首頁 > 網際網路

如何用jquery控制css樣式

2019-12-12 19:28:42

在jquery中,提供了很多方法來控制css的樣式,例如,css()方法、attr()方法、addClass() 方法等,下面介紹如何用jquery控制css樣式。

1

新建一個html檔案,命名為test.html,用於講解如何用jquery控制css樣式。


2

在test.html檔案內,載入jquery.min.js檔案,同時新建一個class屬性為aa的div。


3

在test.html檔案內,使用$()方法獲得div物件,對其使用css()方法進行樣式設定。


4

在test.html檔案內,通過css()設定div為寬300px,高為200px,背景顏色為紅色。程式碼及效果圖如下:



5

除了上面的方法控制css樣式外,還可以使用attr()方法或addClass()方法控制css樣式。例如 ,把div的樣式獨立出來,並且去掉div的class的屬性。


6

在test.html檔案內,通過attr()方法給div新增class屬性,從而實現控制div的樣式。



7

在test.html檔案內,通過addClass()方法給div新增class屬性,從而實現控制div的樣式。




IT145.com E-mail:sddin#qq.com