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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
学习ExtJS fit布局使用说明
Oct 08 Javascript
悬浮数字的实现案例
Feb 19 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
jQuery实现移动端Tab选项卡效果
Mar 15 Javascript
vue页面切换过渡transition效果
Oct 08 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
layui 解决form表单点击无反应的问题
Oct 25 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
JavaScript数组类型Array相关的属性与方法详解
Sep 08 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
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 日常开发小技巧
2009/09/23 PHP
php更新mysql后获取影响的行数发生异常解决方法
2013/03/28 PHP
php类常量的使用详解
2013/06/08 PHP
PHP中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
javascript学习(一)构建自己的JS库
2013/01/02 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
基于Node.js实现nodemailer邮件发送
2016/01/26 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
解决layui的使用以及针对select、radio等表单组件不显示的问题
2019/09/05 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
JavaScript WeakMap使用详解
2021/02/05 Javascript
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
Python将主机名转换为IP地址的方法
2019/08/14 Python
NumPy中的维度Axis详解
2019/11/26 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题
2020/11/24 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
计算机专业毕业生自荐书
2014/06/02 职场文书
大学生学期个人总结
2015/02/12 职场文书
导游词之吉林花园山
2019/10/17 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL