怎么在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");
 });
});

jquery是什么

jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。

看完上述内容,你们对怎么在jquery中使用toggleClass()属性更改背景颜色有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


当前名称:怎么在jquery中使用toggleClass()属性更改背景颜色
URL标题:http://ybzwz.com/article/ppioic.html