您好,登錄后才能下訂單哦!
小編給大家分享一下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如何去掉元素的css屬性”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。