本教程操作环境: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样式的详细内容。
