jquery或者JS怎么改class的名字

Posted 2023-02-22

jquery可以使用attr()或prop()方法修改类名，javascript可以修改对象的className属性，关键代码如下：

$("#test").attr("class","blue");
$("#test").prop("class","blue");
document.getElementById("test").className = "blue";

参考技术A

第一步获取dom元素；第二步根据你的需求是移除class还是增加class。如：你想给div增加一个class为min-box的类名：

<div id="box"></div>
var box = document.getElementById("box");
box.classList.add("min-box");

或者：

$("#box").addClass("min-box");

如：你想给div移除一个class为max-box的类名：

<div id="box" class="min-box max-box"></div>

var box = document.getElementById("box");
box.classList.remove("max-box");

或者：

$("#box").removeClass("max-box");