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实现鼠标移到元素上动态提示消息框效果
Oct 20 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
jQuery实现跨域
Feb 03 Javascript
js仿3366小游戏选字游戏
Apr 14 Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
javaScript基础详解
Jan 19 Javascript
AngularJS2中一种button切换效果的实现方法(二)
Mar 27 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 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面向对象全攻略 (九)访问类型
2009/09/30 PHP
Thinkphp5行为使用方法汇总
2017/12/21 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
2020/11/10 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
jQuery - css() 方法示例详解
2014/01/16 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
Vue中this.$nextTick的作用及用法
2020/02/04 Javascript
Vue实现剪切板图片压缩功能
2020/02/04 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
Python实现的检测网站挂马程序
2014/11/30 Python
详解Python中open()函数指定文件打开方式的用法
2016/06/04 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
python安装oracle扩展及数据库连接方法
2017/02/21 Python
Python爬虫实现网页信息抓取功能示例【URL与正则模块】
2017/05/18 Python
python批量获取html内body内容的实例
2019/01/02 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
解决Python spyder显示不全df列和行的问题
2020/04/20 Python
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
Nixon手表英国官网:美国尼克松手表品牌
2020/02/10 全球购物
英国时尚和家居用品零售商:Matalan
2021/02/28 全球购物
电气自动化自荐信
2013/10/10 职场文书
冰淇淋店创业计划书范文
2013/12/27 职场文书
新领导上任欢迎词
2014/01/13 职场文书
酒店秘书求职信范文
2014/02/17 职场文书
小学作文评语大全
2014/04/21 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
公司员工活动策划方案
2014/08/20 职场文书
房屋租赁委托书范本
2014/10/04 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
六年级学生评语大全
2014/12/26 职场文书
恰同学少年观后感
2015/06/08 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
超级详细实用的pycharm常用快捷键
2021/05/12 Python