使用jq如何删除css样式
删除方法：1、用removeClass()或toggleClass()移除指定CSS类，语法“removeClass("类名")”或“toggleClass("类名")”；2、用removeAttr()去除id、class或style属性。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery删除css样式的方法：
1、使用removeClass()或toggleClass()移除指定CSS类
removeClass() - 移除CSS类
$("#target").removeClass("oldClass");
//#target 指的是需要移除CSS类的元素的ID
//oldClass 指的是CSS类的名称
toggleClass() - 添加或者移除CSS类
如果CSS类已经存在，它将被移除；相反，如果CSS类不存在，它将被加上。
$("#target").toggleClass("newClass")
//如果ID为“target”的元素已经定义了CSS样式，它将被移除；
//反之，CSS类”newClass“将被赋给该ID。
2、使用removeAttr()去除id、class或style属性
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").removeAttr("style");
});
});
</script>
</head>
<body>
<h1>这是一个标题</h1>
<p style="font-size:120%;color:red">这是一个段落。</p>
<p>这是另一个段落。</p>
<button>删除所有 p 元素的 style 属性</button>
</body>
</html>
（学习视频分享：css视频教程）
以上就是使用jq如何删除css样式的详细内容！
相关内容
-
jq如何动态添加动态css样式
jq动态添加动态css样式的方法：首先准备jquery库文件，并声明一个class样式；然后准备一个事件加载初始化的方法，并直接用匿名函数；接着addClass方法给div元素...
-
jquery怎么动态修改css样式
jquery动态修改css样式的方法：1、通过css方法动态修改css样式；2、给指定的html元素定一个CSS样式；3、查看元素的css样式；4、隐藏与显示p或指定的其他ht...
-
jquery怎么给元素设置css样式
设置方法：1、使用css()方法，语法“$(selector).css("属性名","属性值")”；2、使用attr()方法，语法“$(...
-
浅谈jQuery+CSS实现前端网页加载进度条的三种方式
【推荐教程：CSS视频教程】前端网页加载进度条的实现有三种方式，看自己需求：一、顶部进度条在html代码中间插入jq代码执行动画。页面加载到哪部分，进度条就会相应的向前走多少当...
-
js如何改变css样式
js改变css样式的方法：1、使用cssText方法；2、使用【setProperty()】方法；3、使用css属性对应的style属性。本教程操作环境：windows7系统、...
-
js如何修改css样式
js修改css样式的方法：1、使用【obj.className】来修改样式表的类名；2、使用【obj.style.cssTest】来修改嵌入式的css；3、使用【obj.cla...
-
css样式常见错误有哪些
css样式错误有：1、未关联外部样式表；2、样式表保存的编码错误；3、选择器写错；4、语法错误，例写错属性名、属性值不符合规范、使用了中文或者全角符号等。本教程操作环境：win...
-
如何内联css样式
内联css样式的方法：利用标签的style属性，直接将CSS样式放在标签中，语法“<elementstyle="CSS样式代码"></el...
-
jq怎么写css样式
方法如下：一般要在页面初始化的时候就要加载样式，所以使用ready()方法，语法格式为“$(document).ready(function)”。当DOM已经加载，并且页面（包...
-
XML文档不能使用css样式表怎么办
XML文档不能使用css样式表可能是链接方法出错了，正确的链接方法为“<?xml-stylesheettype="text/css"href=&quo...
