How to use jquery toggleClass() attribute to create article paragraphs and change the background color-JS Tutorial-php.cn

How to use jquery toggleClass() attribute to create article paragraphs and change the background color

php中世界最好的语言

Release： 2018-05-28 14:22:06

Original

1862 people have browsed it

This time I will show you how to use jquery toggleClass()AttributesCreate article paragraphs to change the background color, use jquery toggleClass() attribute to create article paragraphs to change the background colorNotes What are they? Here are actual cases. Let’s take a look.

Definition and Usage

The toggleClass() method switches one or more classes for adding and removing selected elements.

This method checks the specified class in each element. Adds the class if it does not exist, or removes it if it is set. This is called a toggle effect.

However, by using the "switch" parameter, you can specify that only classes be removed or only added.

Syntax

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

Copy after login

Parameters	Description
classname	Required. Specifies one or more class names to be added or removed. If you need to specify several classes, use spaces to separate class names.
function(index,currentclass)	Optional. Specifies a function that returns one or more class names that need to be added/removed. index - Returns the index position of the element in the collection. currentclass - Returns the current class name of the selected element.
switch	Optional. Boolean value that specifies whether to only add (true) or remove (false) classes.

Introduction to usage:

jQuery creates article paragraphs to change the background color attribute jquery toggleClass() attribute.

The effect diagram is as follows:

Effect display Source code download

FileQuote：

<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>

Copy after login

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!