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实现根据当前文字选择返回被选中的文字
May 21 Javascript
Javascript原型链和原型的一个误区
Oct 22 Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
JavaScript String 对象常用方法总结
Apr 28 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
使用cropper.js裁剪头像的实例代码
Sep 29 Javascript
React数据传递之组件内部通信的方法
Dec 31 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
Vue项目中使用jsonp抓取跨域数据的方法
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
PHP 遍历文件实现代码
2011/05/04 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
editable.js 基于jquery的表格的编辑插件
2011/10/24 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
JS实现DIV高度自适应窗口示例
2017/02/16 Javascript
vue webuploader 文件上传组件开发
2017/09/23 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
[38:39]完美世界DOTA2联赛循环赛 IO vs GXR BO2第二场 11.04
2020/11/05 DOTA
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
python hough变换检测直线的实现方法
2019/07/12 Python
详解Python3 pandas.merge用法
2019/09/05 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
Python中Selenium库使用教程详解
2020/07/23 Python
CSS3 transform的skew属性值图文详解
2014/07/21 HTML / CSS
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
酒店公关部经理岗位职责
2013/11/24 职场文书
计算机操作自荐信
2013/12/07 职场文书
幼儿园教师备课制度
2014/01/12 职场文书
幼儿园家长寄语
2014/04/02 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
计生专干事迹
2014/05/28 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书
Android实现获取短信验证码并自动填充
2023/05/21 Java/Android