首頁 > 網際網路

jquery如何去掉css屬性

2019-12-11 09:54:36

jquery如何去掉css屬性?如果html的dom元素新增了某個css的樣式屬性,利用jquery我們是不能直接去掉這些已經新增上的屬性的,但我們可以樣式覆蓋的方法把設定的屬性去掉,還原成預設的樣式,下面一起來看下怎麼處理。

1

既然是使用jquery來處理,我們就先把jquery外掛檔案引入。


2

在html上,我們建立一個div,樣式為my_class,還有一個按鈕,用來觸發刪除css屬性值的。


3

再加上對應的樣式程式碼,這裡主要關注設定的height, color二個屬性值。


4

按鈕點選事件函數裡,我們使用jquery的css方法就可以設定樣式屬性了。比如這裡的height值,我們設定為auto,就可以將原來樣式裡設定的height屬性的值還原為預設值了。


5

我們先看下頁面,現在div的高度是300px,我們點選下方的按鈕。


6

點選後,可以看到,原來的樣式設定的高度值,已經不起作用了,已經被覆蓋為auto的預設值了,這就相當於把原來的屬性值給刪除掉了。


7

要注意的是,不同的樣式屬性值,有不同的預設值,比如color顏色的,預設值就是inherit,


8

重新整理頁面,再次點選按鈕後,除了高度恢復了預設值後,文字顏色也恢復成黑色字型了,就是相當於沒有設定color的樣式屬性。



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