jQuery使用removeClass方法删除元素指定Class的方法
更新时间：2015年03月26日 11:49:22 作者：上大王
这篇文章主要介绍了jQuery使用removeClass方法删除元素指定Class的方法,可实现针对指定元素样式的批量删除功能,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- jQuery使用addClass()方法给元素添加多个class样式
- jQuery中addClass()方法用法实例
- Jquery.addClass始终无效原因分析
- jQuery源码解读之addClass()方法分析
- jQuery中removeClass()方法用法实例
- jQuery源码解读之removeClass()方法分析
- jQuery中toggleClass()方法用法实例
- jQuery使用toggleClass方法动态添加删除Class样式的方法
- 用jQuery toggleClass 实现鼠标移上变色
- JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
相关文章
这篇文章主要介绍了jQuery实现Email邮箱地址自动补全功能代码,涉及jQuery鼠标事件及字符操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
本节主要介绍了jquery如何批量修改标签css样式以input标签为例,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了jQuery实现form表单基于ajax无刷新提交方法,结合实例形式分析了jQuery使用$.ajax()方法实现无刷新提交的详细步骤与实现技巧,并附带了一个较为完整的实例供大家参考,需要的朋友可以参考下2015-12-12
今天项目中遇到过一个这样的问题，就是希望读出来的文章列表能够每隔五个加一个分割条，而不是每个都加。2010-07-07
这篇文章主要介绍了JQuery操作元素的css样式的相关资料,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了jquery实现淘宝商品图片局部放大，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
这篇文章主要介绍了jQuery中bind(),live(),delegate(),on()绑定事件方法,结合实例形式详细分析了bind(),live(),delegate(),on()方法绑定事件的具体使用技巧,并对比分析了四种方式的异同点,需要的朋友可以参考下2016-01-01
基于jquery的一个OutlookBar类，动态创建导航条
初学jquery，如有错误，请高手们指出想看效果及完整代码的可以下载rar包2010-11-11
jQuery3.0中的buildFragment私有函数详解
在 jQuery3.0中，buildFragment 是一个私有函数，用来构建一个包含子节点 fragment 对象。下文给大家介绍jQuery3.0中的buildFragment私有函数详解，对jquery3.0 buildfragment相关知识感兴趣的朋友一起学习吧2016-08-08
这篇文章主要介绍了JQuery的ready函数与JS的onload的区别，有需要的朋友可以参考一下2013-11-11
最新评论