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.camelCase()学习string.replace() 函数学习
Sep 13 Javascript
jquery插件jTimer(jquery定时器)使用方法
Dec 23 Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
AngularJS实现元素显示和隐藏的几个案例
Dec 09 Javascript
微信小程序 登录实例详解
Jan 16 Javascript
js实现瀑布流效果(自动生成新的内容)
Mar 16 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
使用js实现将后台传入的json数据放在前台显示
Aug 06 Javascript
VUE引入第三方js包及调用方法讲解
Mar 01 Javascript
mapboxgl实现带箭头轨迹线的代码
Jan 04 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/03 欧美动漫
php 读取shell管道传输过来的内容
2010/03/01 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
php验证码实现代码(3种)
2015/09/07 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
基于javascript编写简单日历
2016/05/02 Javascript
nodejs获取微信小程序带参数二维码实现代码
2017/04/12 NodeJs
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
js微信分享实现代码
2020/10/11 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
2020/11/07 Javascript
Python读写Redis数据库操作示例
2014/03/18 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
Python素数检测的方法
2015/05/11 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
python实现自动发送邮件
2018/06/20 Python
python实现网页自动签到功能
2019/01/21 Python
将pytorch转成longtensor的简单方法
2020/02/18 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
提高EJB性能都有哪些技巧
2012/03/25 面试题
秋季婚礼证婚词
2014/01/11 职场文书
环保标语大全
2014/06/12 职场文书
初中生毕业评语
2014/12/29 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
员工保密协议范本,您一定得收藏!很有用!
2019/08/08 职场文书
Mysql中一千万条数据怎么快速查询
2021/12/06 MySQL