jquery或者JS怎么改class的名字

发布网友发布时间：2022-05-02 02:08

共3个回答

热心网友时间：2022-05-16 20:09

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

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

实例演示如下:
1、HTML结构

<style>
.red{color:red !important;}
.blue{color:blue !important;}
</style>
<div id="test">我是示例DIV</div>
<input type="button" id="js" value="使用javascript方法修改类名为red">
<input type="button" id="jq" value="使用jquery方法修改类名为blue">

2、jquery代码

$(function(){
$("#jq").click(function() {
$("#test").attr("class","blue");
});
});
window.onload = function(){
document.getElementById("js").onclick = function(){
document.getElementById("test").className = "red";
}
}

热心网友时间：2022-05-16 21:27

获取dom对象，document.getElementById("ID");或者用JQ的选择器，JS可以直接对象.class=“"，JQ可以用属性修改.Attr("class","");