今天小編給大家分享一下jquery如何清除行內(nèi)樣式屬性的相關(guān)知識點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站制作、成都網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元瑞昌做網(wǎng)站,已為上家服務(wù),為瑞昌各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220
兩種清除方法:1、用removeAttr()從匹配元素中移除style屬性,只需要將該函數(shù)的參數(shù)值設(shè)置為“style”即可,語法“指定元素.removeAttr("style")”。2、用attr()將style屬性的值設(shè)置為空,只需要將該函數(shù)的第一個參數(shù)的值設(shè)置為“style”,第二個參數(shù)的值設(shè)置為空字符串即可,語法“指定元素.attr("style","")”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
HTML的行內(nèi)樣式屬性都是寫在style屬性內(nèi)的。
換句話說,控制style屬性的值,就可控制行內(nèi)樣式。
因此利用query清除行內(nèi)樣式屬性,就是去除style屬性,或者將style屬性的值設(shè)置為空字符。
jquery清除CSS行內(nèi)樣式屬性的兩種方法
方法1:使用removeAttr()移除style屬性
removeAttr()可以從所有匹配的元素中移除指定的屬性。
$(selector).removeAttr(attribute)
attribute:必需。規(guī)定從指定元素中移除的屬性。
只需要將attribute參數(shù)設(shè)置為style即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.0.min.js"></script> <script> $(function() { $("button").click(function() { $("ul").removeAttr("style"); }) }) </script> </head> <body> <ul style="border: 1px solid red;color:red;"> <li>香蕉</li> <li>蘋果</li> <li>梨子</li> <li>橘子</li> </ul> <button>ul移除行內(nèi)樣式</button> </body> </html>
方法2:使用attr()將style屬性的值設(shè)置為空
attr() 方法可以設(shè)置被選元素的屬性和值。
$(selector).attr(attribute,value)
參數(shù) | 描述 |
---|---|
attribute | 規(guī)定屬性的名稱。 |
value | 規(guī)定屬性的值。 |
只需要將該函數(shù)的第一個參數(shù)設(shè)置為style
,第二個參數(shù)設(shè)置為空字符串''
即可。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.0.min.js"></script> <script> $(function() { $("button").click(function() { $("ul").attr("style",""); }) }) </script> </head> <body> <ul style="border: 1px solid red;color:red;"> <li>香蕉</li> <li>蘋果</li> <li>梨子</li> <li>橘子</li> </ul> <button>ul移除行內(nèi)樣式</button> </body> </html>
以上就是“jquery如何清除行內(nèi)樣式屬性”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
當(dāng)前文章:jquery如何清除行內(nèi)樣式屬性
文章位置:http://bm7419.com/article46/iiojhg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站收錄、外貿(mào)建站、服務(wù)器托管、網(wǎng)頁設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)