怎样使用jquery toggleClass()属性制作文章段落更改背景颜色

这次给大家带来怎样使用jquery toggleClass()属性制作文章段落更改背景颜色,使用jquery toggleClass()属性制作文章段落更改背景颜色的注意事项有哪些,下面就是实战案例,一起来看一下。

定义和用法

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

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

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

语法

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

登录后复制

参数 描述

classname必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。function(index,currentclass)可选。规定返回需要添加/删除的一个或多个类名的函数。

index – 返回集合中元素的 index 位置。

currentclass – 返回被选元素的当前类名。

switch可选。布尔值,规定是否仅仅添加(true)或移除(false)类。

用法简介:

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

效果图如下所示:

怎样使用jquery toggleClass()属性制作文章段落更改背景颜色

效果展示      源码下载

文件引用:

$(document).ready(function(){ $("input").click(function(){  $("p").toggleClass("main"); });});

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

怎样对Vue应用全局配置404页面

怎样使用nodejs express配置自签名https服务器

以上就是怎样使用jquery toggleClass()属性制作文章段落更改背景颜色的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2755484.html

(0)
上一篇 2025年3月8日 07:17:03
下一篇 2025年3月7日 02:40:05

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论