通过jquery toggleClass()属性制作文章段落更改背景颜色

更新时间：2018年05月21日 14:54:15 投稿：mrr

jQuery制作文章段落更改背景颜色属性jquery toggleClass()属性。文中给大家附实例代码和源码，感兴趣的朋友参考下吧

定义和用法

toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

然而，通过使用 "switch" 参数，您能够规定只删除或只添加类。

语法

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数	描述
classname	必需。规定添加或移除的一个或多个类名。如需规定若干个类，请使用空格分隔类名。
function(index,currentclass)	可选。规定返回需要添加/删除的一个或多个类名的函数。 index - 返回集合中元素的 index 位置。 currentclass - 返回被选元素的当前类名。
switch	可选。布尔值，规定是否仅仅添加（true）或移除（false）类。

用法简介：

jQuery制作文章段落更改背景颜色属性jquery toggleClass()属性。

效果图如下所示：

效果展示源码下载

文件引用：

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("input").click(function(){
  $("p").toggleClass("main");
 });
});
</script>

总结

以上所述是小编给大家介绍的通过jquery toggleClass()属性制作文章段落更改背景颜色，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

基于jquery实现日历签到功能
这篇文章主要介绍了基于jquery实现日历签到功能，我们在玩游戏的时候或者登录某手机软件时都会有一个签到功能，记录大家的登录日期，这个日历签到如何实现？本文为大家进行揭晓。
2015-11-11
JSON+Jquery省市区三级联动
这篇文章主要介绍了JSON+Jquery省市区三级联动的相关资料,需要的朋友可以参考下
2016-01-01
jQuery实现的简单百分比进度条效果示例
这篇文章主要介绍了jQuery实现的简单百分比进度条效果,结合简单实例形式分析了jQuery针对页面元素的运算与动态操作相关操作技巧,需要的朋友可以参考下
2016-08-08
jquery自定义表单验证插件
这篇文章主要为大家详细介绍了jquery自定义表单验证插件,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
这篇文章主要介绍了jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容的相关资料,需要的朋友可以参考下
2016-12-12
浅谈jQuery操作类数组的工具方法
在很多时候，JQuery的$()函数都返回一个类似数据的JQuery对象，例如$(‘div’)将返回div里面的所有div元素包装的JQuery对象。在这种情况下，JQuery提供了几个常用的属性和方法来操作JQuery对象。本文将对此进行介绍，下面跟着小编一起来看下吧
2016-12-12
jquery实现垂直和水平菜单导航栏
这篇文章主要为大家详细介绍了jquery实现垂直和水平菜单导航栏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-08-08
Jquery遍历节点的方法小集
Jquery遍历节点的方法有next、nextAll、prev、prevAll、siblings等等，大家可以根据自己的需求自由选择
2014-01-01
jquery 动态合并单元格的实现方法
下面小编就为大家带来一篇jquery 动态合并单元格的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
jQuery 隔行换色支持键盘上下键，按Enter选定值
jQuery 隔行换色支持键盘上下键，按Enter选定值
2009-08-08