站長資訊網(wǎng)
方法：1、利用removeClass()方法刪除元素所有的類名，語法為“元素對象.removeClass();”；2、利用addClass()方法將想要替換的類名添加即可，語法為“元素對象.addClasss("新的類名");”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎樣替換掉所有的類名
在jquery中我們可以通過removeClass()方法來刪除掉元素的所有類名，然后利用addClass()方法將想要替換上去的類名添加上去即可。
removeClass() 方法從被選元素移除一個或多個類。
注釋：如果沒有規(guī)定參數(shù)，則該方法將從被選元素中刪除所有類。
addClass() 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。
提示：如需添加多個類，請使用空格分隔類名。
示例如下：
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".anniu1").click(function(){ $("p").removeClass(); }); $(".anniu2").click(function(){ $("p").addClass("intro2"); }); }); </script> <style type="text/css"> .intro1{ font-size:120%; color:red; } .intro2{ font-size:200%; color:pink; } </style> </head> <body> <p class="intro1">This is a paragraph.</p> <button class="anniu1">刪除類</button> <button class="anniu2">增加類</button> </body> </html>
輸出結果：
相關視頻教程推薦：jQuery視頻教程
