刪除方法:1、用removeClass()或toggleClass()移除指定CSS類,語法“removeClass("類名")”或“toggleClass("類名")”;2、用removeAttr()去除id、class或style屬性。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery刪除css樣式的方法:
1、使用removeClass()或toggleClass()移除指定CSS類
removeClass() – 移除CSS類
$("#target").removeClass("oldClass"); //#target 指的是需要移除CSS類的元素的ID //oldClass 指的是CSS類的名稱
toggleClass() – 添加或者移除CSS類
如果CSS類已經(jīng)存在,它將被移除;相反,如果CSS類不存在,它將被加上。
$("#target").toggleClass("newClass") //如果ID為“target”的元素已經(jīng)定義了CSS樣式,它將被移除; //反之,CSS類”newClass“將被賦給該ID。
2、使用removeAttr()去除id、class或style屬性
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").removeAttr("style"); }); }); </script> </head> <body> <h1>這是一個標題</h1> <p style="font-size:120%;color:red">這是一個段落。</p> <p>這是另一個段落。</p> <button>刪除所有 p 元素的 style 屬性</button> </body> </html>
(學(xué)習(xí)視頻分享:css視頻教程)