在jquery中,可以使用removeClass()方法來(lái)移除多個(gè)class類,只需要給該方法傳入類名作為參數(shù)即可,語(yǔ)法“$(selector).removeClass("類名列表")”,多個(gè)類名間使用空格分隔;若省略參數(shù),則會(huì)移除所有類。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
在jquery中,可以使用removeClass()方法來(lái)移除多個(gè)class類。
removeClass() 方法從被選元素移除一個(gè)或多個(gè)class類。
語(yǔ)法:
$(selector).removeClass(class)
參數(shù) | 描述 |
---|---|
class |
可選。規(guī)定要移除的 class 的名稱。 如需移除若干類,請(qǐng)使用空格來(lái)分隔類名。 如果不設(shè)置該參數(shù),則會(huì)移除所有類。 |
如果removeClass() 方法沒(méi)有規(guī)定參數(shù),則該方法將從被選元素中刪除所有類。
示例1:移除多個(gè)class類
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").removeClass("intro1 intro2"); }) }) </script> <style type="text/css"> .intro1 { font-size: 120%; } .intro2 { color: red; } .intro3 { background-color:pink; } </style> </head> <body> <h1>一個(gè)大標(biāo)題</h1> <p class="intro1 intro2 intro3">一個(gè)p段落</p> <p>另一個(gè)p段落</p> <button>從第一個(gè)p元素中刪除多個(gè)class</button> </body> </html>
示例2:移除全部class類
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(function () { $("button").click(function () { $("p").removeClass(); }) }) </script> <style type="text/css"> .intro1 { font-size: 120%; } .intro2 { color: red; } .intro3 { background-color:pink; } </style> </head> <body> <h1>一個(gè)大標(biāo)題</h1> <p class="intro1 intro2 intro3">一個(gè)p段落</p> <p>另一個(gè)p段落</p> <button>從第一個(gè)p元素中刪除多個(gè)class</button> </body> </html>
【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】