jquery可以使用attr()或prop()方法修改类名,javascript可以修改对象的className属性,关键代码如下:
$("#test").attr("class","blue");
$("#test").prop("class","blue");
document.getElementById("test").className = "blue";
实例演示如下:
1、HTML结构
我是示例DIV
2、jquery代码
$(function(){
$("#jq").click(function() {
$("#test").attr("class","blue");
});
});
window.onload = function(){
document.getElementById("js").onclick = function(){
document.getElementById("test").className = "red";
}
}
3、效果演示
$("#test").attr("class","blue");$("#test").prop("class","blue");document.getElementById("test").className = "blue";
javascript: document.getElementById("XX").addClass("xxx");
jquery: $("#id").atrr("class","classname");$("#id").removeAtrr("class","classname");
$("#id").css("class", " ");
$('#new_product').attr('class','off');