使用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>

1.gif

(学习视频分享:css视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)