清除html所有样式,jquery 清除div里 所有的样式

jquery 清除div里 所有的样式可以有两种办法，一是把class属性和style属性里面的值都设为空，二是直接将div的class属性和style属性去掉，但是第一种会有浏览器兼容性问题。如：

$("div").removeAttr("style"); //ie,ff均支持

$("div").attr("style","");   //ff支持，ie不支持

所以我就索性把属性都移除，同时考虑到有三种方式可以给div添加样式(style设置，类选择器，id选择器)

具体代码如下：

.test {

width: 50px;

height: 50px;

border: 1px solid #4c9fff;

}

#clear {

background-color: #ccc;

}

jquery 清除div里 所有的样式

$(function(){

$("div").removeAttr("class").removeAttr("style").removeAttr("id");

});

清除样式前效果

清除样式后效果