当前位置:Gxlcms > JavaScript > 通过jquerytoggleClass()属性制作文章段落更改背景颜色的方法

通过jquerytoggleClass()属性制作文章段落更改背景颜色的方法

时间:2021-07-01 10:21:17 帮助过:2人阅读

这篇文章主要介绍了关于通过jquery toggleClass()属性制作文章段落更改背景颜色的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

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>

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

jquery引入外部CDN 加载失败则引入本地jq库的方法

jquery.onoff实现的开关按钮功能

以上就是通过jquery toggleClass()属性制作文章段落更改背景颜色的方法的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行