站長資訊網(wǎng)
在jquery中，可以使用removeClass()方法來移除多個class類，只需要給該方法傳入類名作為參數(shù)即可，語法“$(selector).removeClass("類名列表")”，多個類名間使用空格分隔；若省略參數(shù)，則會移除所有類。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
在jquery中，可以使用removeClass()方法來移除多個class類。
removeClass() 方法從被選元素移除一個或多個class類。
語法：
$(selector).removeClass(class)
| 參數(shù) | 描述 |
|---|---|
| class |
可選。規(guī)定要移除的 class 的名稱。 如需移除若干類，請使用空格來分隔類名。 如果不設(shè)置該參數(shù)，則會移除所有類。 |
如果removeClass() 方法沒有規(guī)定參數(shù)，則該方法將從被選元素中刪除所有類。
示例1：移除多個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>一個大標(biāo)題</h1> <p class="intro1 intro2 intro3">一個p段落</p> <p>另一個p段落</p> <button>從第一個p元素中刪除多個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>一個大標(biāo)題</h1> <p class="intro1 intro2 intro3">一個p段落</p> <p>另一個p段落</p> <button>從第一個p元素中刪除多個class</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
