通过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()属性制作文章段落更改背景颜色，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对中文源码网网站的支持！