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

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery怎樣去掉元素的css屬性

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

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

在html上，我們創(chuàng)建一個(gè)div，樣式為my_class，還有一個(gè)按鈕，用來(lái)觸發(fā)刪除css屬性值的。

再加上對(duì)應(yīng)的樣式代碼，這里主要關(guān)注設(shè)置的height， color二個(gè)屬性值。

按鈕點(diǎn)擊事件函數(shù)里，我們使用jquery的css方法就可以設(shè)置樣式屬性了。比如這里的height值，我們?cè)O(shè)置為auto，就可以將原來(lái)樣式里設(shè)置的height屬性的值還原為默認(rèn)值了。

我們先看下頁(yè)面，現(xiàn)在div的高度是300px，我們點(diǎn)擊下方的按鈕。

點(diǎn)擊后，可以看到，原來(lái)的樣式設(shè)置的高度值，已經(jīng)不起作用了，已經(jīng)被覆蓋為auto的默認(rèn)值了，這就相當(dāng)于把原來(lái)的屬性值給刪除掉了。

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

刷新頁(yè)面，再次點(diǎn)擊按鈕后，除了高度恢復(fù)了默認(rèn)值后，文字顏色也恢復(fù)成黑色字體了，就是相當(dāng)于沒(méi)有設(shè)置color的樣式屬性。

相關(guān)視頻教程推薦：jQuery視頻教程