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 相关文章推荐
基于jquery的滚动新闻列表
Jun 19 Javascript
jquery trim() 功能源代码
Feb 14 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
关于Javascript作用域链的八点总结
Dec 06 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
JS实现带提示的星级评分效果完整实例
Oct 30 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 Javascript
JSON 数据详解及实例代码分析
Jan 20 Javascript
Vue 全局loading组件实例详解
May 29 Javascript
BootstrapValidator实现表单验证功能
Nov 08 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
vue实现tab栏点击高亮效果
Aug 19 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实现批量生成App各种尺寸Logo
2015/03/19 PHP
PHP curl使用实例
2015/07/02 PHP
PHP设计模式之工厂模式实例总结
2017/09/01 PHP
自动更新作用
2006/10/08 Javascript
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
2015/12/08 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
vue axios post发送复杂对象问题
2019/06/04 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python中Proxypool库的安装与配置
2018/10/19 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
opencv 阈值分割的具体使用
2020/07/08 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
BONIA官方网站:国际奢侈品牌和皮革专家
2016/11/27 全球购物
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
美国创意之家:BulbHead
2017/07/12 全球购物
SQL面试题
2013/12/09 面试题
财务会计应届生求职信
2013/11/24 职场文书
普罗米修斯教学反思
2014/02/06 职场文书
教师党员个人整改措施
2014/10/27 职场文书
学校师德师风整改措施
2014/10/27 职场文书
推广普通话的宣传语
2015/07/13 职场文书
小学班级管理心得体会
2016/01/07 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
基于Python实现对比Exce的工具
2022/04/07 Python