jquery或者JS怎么改class的名字
展开全部
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";
}
}
$("#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";
}
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询