jQuery使用removeClass方法删除元素指定Class的方法


Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用removeClass方法删除元素指定Class的方法。分享给大家供大家参考。具体分析如下:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("h1,h2,p").removeClass("red");
 });
});
</script>
<style type="text/css">
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
</style>
</head>
<body>
<h1 class="red">Heading 1</h1>
<h2 class="red">Heading 2</h2>
<p class="red">This is a paragraph.</p>
<p>This is another paragraph.</p>
<br>
<button>Remove class from elements</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
jQuery Position方法使用和兼容性
Aug 23 jQuery
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
Sep 28 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 #Javascript
Js实现自定义右键行为
Mar 26 #Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 #Javascript
Jquery异步提交表单代码分享
Mar 26 #Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
Mar 26 #Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 #Javascript
12306验证码破解思路分享
Mar 25 #Javascript
You might like
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
javascript随机将第一个dom中的图片添加到第二个div中示例
2013/10/08 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
Bootstrap插件全集
2016/07/18 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
vue实现消息的无缝滚动效果的示例代码
2017/12/05 Javascript
vue源码入口文件分析(推荐)
2018/01/30 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
详解js删除数组中的指定元素
2018/10/31 Javascript
利用Angular2的Observables实现交互控制的方法
2018/12/27 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
解决Python找不到ssl模块问题 No module named _ssl的方法
2019/04/29 Python
Django使用uwsgi部署时的配置以及django日志文件的处理方法
2019/08/30 Python
Python中six模块基础用法
2019/12/08 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
Python3交互式shell ipython3安装及使用详解
2020/07/11 Python
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
学生社团文化节开幕式主持词
2014/03/28 职场文书
抽样调查项目计划书
2014/04/24 职场文书
公司年会策划方案
2014/05/17 职场文书
民主评议党员工作总结
2014/10/20 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android
Python Pandas 删除列操作
2022/03/16 Python