jquery怎樣去掉元素的css屬性

jquery去掉元素css屬性的方法：1、利用利用“$(元素)”語句獲取指定的元素對象；2、利用css()方法來去掉元素的css屬性，語法為“元素對象.css("屬性名稱","");”。

本教程操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery怎樣去掉元素的css屬性

jquery如何去掉css屬性？如果html的dom元素添加了某個css的樣式屬性，利用jquery我們是不能直接去掉這些已經添加上的屬性的，但我們可以樣式覆蓋的方法把設置的屬性去掉，還原成默認的樣式，下面一起來看下怎么處理。

既然是使用jquery來處理，我們就先把jquery插件文件引入。

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

再加上對應的樣式代碼，這里主要關注設置的height， color二個屬性值。

按鈕點擊事件函數里，我們使用jquery的css方法就可以設置樣式屬性了。比如這里的height值，我們設置為auto，就可以將原來樣式里設置的height屬性的值還原為默認值了。

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

點擊后，可以看到，原來的樣式設置的高度值，已經不起作用了，已經被覆蓋為auto的默認值了，這就相當于把原來的屬性值給刪除掉了。

要注意的是，不同的樣式屬性值，有不同的默認值，比如color顏色的，默認值就是inherit，

刷新頁面，再次點擊按鈕后，除了高度恢復了默認值后，文字顏色也恢復成黑色字體了，就是相當于沒有設置color的樣式屬性。

相關視頻教程推薦：jQuery視頻教程