jquery去掉元素css屬性的方法:1、利用利用“$(元素)”語句獲取指定的元素對象;2、利用css()方法來去掉元素的css屬性,語法為“元素對象.css("屬性名稱","");”。
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供即墨網(wǎng)站建設、即墨做網(wǎng)站、即墨網(wǎng)站設計、即墨網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、即墨企業(yè)網(wǎng)站模板建站服務,十多年即墨做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣去掉元素的css屬性
jquery如何去掉css屬性?如果html的dom元素添加了某個css的樣式屬性,利用jquery我們是不能直接去掉這些已經(jīng)添加上的屬性的,但我們可以樣式覆蓋的方法把設置的屬性去掉,還原成默認的樣式,下面一起來看下怎么處理。
既然是使用jquery來處理,我們就先把jquery插件文件引入。
在html上,我們創(chuàng)建一個div,樣式為my_class,還有一個按鈕,用來觸發(fā)刪除css屬性值的。
再加上對應的樣式代碼,這里主要關注設置的height, color二個屬性值。
按鈕點擊事件函數(shù)里,我們使用jquery的css方法就可以設置樣式屬性了。比如這里的height值,我們設置為auto,就可以將原來樣式里設置的height屬性的值還原為默認值了。
我們先看下頁面,現(xiàn)在div的高度是300px,我們點擊下方的按鈕。
點擊后,可以看到,原來的樣式設置的高度值,已經(jīng)不起作用了,已經(jīng)被覆蓋為auto的默認值了,這就相當于把原來的屬性值給刪除掉了。
要注意的是,不同的樣式屬性值,有不同的默認值,比如color顏色的,默認值就是inherit,
刷新頁面,再次點擊按鈕后,除了高度恢復了默認值后,文字顏色也恢復成黑色字體了,就是相當于沒有設置color的樣式屬性。
相關視頻教程推薦:jQuery視頻教程
網(wǎng)頁標題:jquery怎樣去掉元素的css屬性
分享地址:http://weahome.cn/article/cphcoi.html