html样式删除,jQuery怎么删除css样式？

有时候需要添加CSS样式和移除CSS样式，如添加display属性，设为隐藏；有时候需要移除display属性。下面本篇文章就来给大家介绍一下JS/jQuery删除css样式的方法。

jQuery移除CSS样式的两种方法

注意：当其中一种不支持时，就尝试另一种：$("#show").removeAttr("style");

$("#show").toggleClass("style")

removeAttr() 方法从被选元素中移除属性。

语法$(selector).removeAttr(attribute)attribute：必需。规定从指定元素中移除的属性。

toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

然而，通过使用 "switch" 参数，您能够规定只删除或只添加类。

语法$(selector).toggleClass(classname,function(index,currentclass),switch)classname 必需。规定添加或移除的一个或多个类名。如需规定若干个类，请使用空格分隔类名。

function(index,currentclass) 可选。规定返回需要添加/删除的一个或多个类名的函数。index - 返回集合中元素的 index 位置。currentclass - 返回被选元素的当前类名。

switch 可选。布尔值，规定是否仅仅添加(true)或移除(false)类。

示例1：

$(document).ready(function(){

$("button").click(function(){

$("p").removeAttr("style");

});

});

这是一个标题

这是一个段落。

这是另一个段落。

移除所有P元素的样式属性

效果图：

示例2：

$(document).ready(function(){

$("button").click(function(){

$("p").toggleClass("main");

});

});

.main{

font-size:120%;

color:red;

}

转换P元素的"main"类

这是一个段落。

这是另一个段落。

注意:单击按钮查看多次切换的效果。

效果图：