通过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实现日历签到功能

    这篇文章主要介绍了基于jquery实现日历签到功能,我们在玩游戏的时候或者登录某手机软件时都会有一个签到功能,记录大家的登录日期,这个日历签到如何实现?本文为大家进行揭晓。
    2015-11-11
  • JSON+Jquery省市区三级联动

    JSON+Jquery省市区三级联动

    这篇文章主要介绍了JSON+Jquery省市区三级联动的相关资料,需要的朋友可以参考下
    2016-01-01
  • jQuery实现的简单百分比进度条效果示例

    jQuery实现的简单百分比进度条效果示例

    这篇文章主要介绍了jQuery实现的简单百分比进度条效果,结合简单实例形式分析了jQuery针对页面元素的运算与动态操作相关操作技巧,需要的朋友可以参考下
    2016-08-08
  • jquery自定义表单验证插件

    jquery自定义表单验证插件

    这篇文章主要为大家详细介绍了jquery自定义表单验证插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

    jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

    这篇文章主要介绍了jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容的相关资料,需要的朋友可以参考下
    2016-12-12
  • 浅谈jQuery操作类数组的工具方法

    浅谈jQuery操作类数组的工具方法

    在很多时候,JQuery的$()函数都返回一个类似数据的JQuery对象,例如$(‘div’)将返回div里面的所有div元素包装的JQuery对象。在这种情况下,JQuery提供了几个常用的属性和方法来操作JQuery对象。本文将对此进行介绍,下面跟着小编一起来看下吧
    2016-12-12
  • jquery实现垂直和水平菜单导航栏

    jquery实现垂直和水平菜单导航栏

    这篇文章主要为大家详细介绍了jquery实现垂直和水平菜单导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Jquery遍历节点的方法小集

    Jquery遍历节点的方法小集

    Jquery遍历节点的方法有next、nextAll、prev、prevAll、siblings等等,大家可以根据自己的需求自由选择
    2014-01-01
  • jquery 动态合并单元格的实现方法

    jquery 动态合并单元格的实现方法

    下面小编就为大家带来一篇jquery 动态合并单元格的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • jQuery 隔行换色 支持键盘上下键,按Enter选定值

    jQuery 隔行换色 支持键盘上下键,按Enter选定值

    jQuery 隔行换色 支持键盘上下键,按Enter选定值
    2009-08-08

最新评论