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两行代码按指定格式输出日期时间
Oct 21 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
js网页滚动条滚动事件实例分析
May 05 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
复杂的javascript窗口分帧解析
Feb 19 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
Flask中获取小程序Request数据的两种方法
May 12 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
vue解决跨域问题(推荐)
Nov 10 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
怎么样可以把 phpinfo()屏蔽掉?
2006/11/24 PHP
解析php安全性问题中的:Null 字符问题
2013/06/21 PHP
PHP中几个可以提高运行效率的代码写法、技巧分享
2014/08/21 PHP
CI框架验证码CAPTCHA辅助函数用法实例
2014/11/05 PHP
WordPress主题制作中自定义头部的相关PHP函数解析
2016/01/08 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
JS获取scrollHeight问题想到的标准问题
2007/05/27 Javascript
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
jquery实现楼层滚动效果
2018/01/01 jQuery
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
解决vue-cli输入命令vue ui没效果的问题
2020/11/17 Javascript
python简单实现计算过期时间的方法
2015/06/09 Python
快速入手Python字符编码
2016/08/03 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Python配置文件处理的方法教程
2019/08/29 Python
python可视化实现KNN算法
2019/10/16 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
python ImageDraw类实现几何图形的绘制与文字的绘制
2020/02/26 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
Collection和Collections的区别
2016/05/02 面试题
财务经理岗位职责
2013/11/09 职场文书
股份合作协议书
2014/04/12 职场文书
代理人委托书
2014/09/16 职场文书
2015新学期开学寄语
2015/02/26 职场文书
硕士学位申请报告
2015/05/15 职场文书
2016年五一促销广告语
2016/01/28 职场文书
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
Windows11性能真的上涨35%? 桌面酷睿i9实测结果公开
2021/11/21 数码科技