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 相关文章推荐
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
Jan 23 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
深入理解Javascript中的作用域链和闭包
Apr 25 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
May 11 Javascript
详解JavaScript调用栈、尾递归和手动优化
Jun 03 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
input 标签实现输入框带提示文字效果(两种方法)
Oct 09 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
js闭包学习心得总结
Apr 17 Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
es6函数之rest参数用法实例分析
Apr 18 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
php定时执行任务设置详解
2015/02/06 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
javascript 语法基础 想学习js的朋友可以看看
2009/12/16 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
初识angular框架后的所思所想
2016/02/19 Javascript
jQuery实现简单的tab标签页效果
2016/09/12 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
解决JS外部文件中文注释出现乱码问题
2017/07/09 Javascript
Angular4学习笔记之根模块与Ng模块
2017/09/09 Javascript
javascript填充默认头像方法
2018/02/22 Javascript
js正则相关知识点专题
2018/05/10 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
python通过函数属性实现全局变量的方法
2015/05/16 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
python字典按照value排序方法
2020/12/28 Python
使用python实现学生信息管理系统
2021/02/25 Python
英国时尚家具、家居饰品及礼品商店:Graham & Green
2016/09/15 全球购物
美国名牌手表折扣网站:Jomashop
2020/05/22 全球购物
计算机应用应届生求职信
2014/07/12 职场文书
个人作风建设总结
2014/10/23 职场文书
2014年员工工作总结范文
2014/11/18 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
遗嘱格式范本
2015/08/07 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
JS Canvas接口和动画效果大全
2021/04/29 Javascript