Comment utiliser l'attribut jquery toggleClass() pour créer des paragraphes d'article et changer la couleur d'arrière-plan

Cette fois, je vais vous montrer comment utiliser jquery toggleClass()property pour créer des paragraphes d'article pour changer la couleur d'arrière-plan, et comment utiliser l'attribut jquery toggleClass() pour créer des paragraphes d'article pour changer l'arrière-plan. couleur. Notes Que sont-elles ? Voici des cas réels.

Définition et utilisation

La méthode toggleClass() commute une ou plusieurs classes pour ajouter et supprimer des éléments sélectionnés.

Cette méthode vérifie la classe spécifiée dans chaque élément. Ajoute la classe si elle n'existe pas ou la supprime si elle est définie. C'est ce qu'on appelle un effet bascule.

Cependant, en utilisant le paramètre "switch", vous pouvez spécifier que seules les classes soient supprimées ou seulement ajoutées.

Syntaxe

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

Paramètres

Description

nom de classe

Obligatoire. Spécifie un ou plusieurs noms de classe à ajouter ou à supprimer. Si vous devez spécifier plusieurs classes, utilisez des espaces pour séparer les noms de classe.

function(index,currentclass)

Facultatif. Spécifie une fonction qui renvoie un ou plusieurs noms de classe qui doivent être ajoutés/supprimés.

• 参数	描述
  classname	必需。规定添加或移除的一个或多个类名。如需规定若干个类，请使用空格分隔类名。
  function(index,currentclass)	可选。规定返回需要添加/删除的一个或多个类名的函数。 index - 返回集合中元素的 index 位置。 currentclass - 返回被选元素的当前类名。
  switch	可选。布尔值，规定是否仅仅添加（true）或移除（false）类。

  index - Renvoie la position d'index de l'élément dans la collection.

• currentclass - Renvoie le nom de classe actuel de l'élément sélectionné.

commutateur

Facultatif. Valeur booléenne qui spécifie s'il faut uniquement ajouter (vrai) ou supprimer (faux) des classes.

Introduction à l'utilisation :

jQuery pour créer des paragraphes d'article pour changer la couleur d'arrière-plan attribut jquery toggleClass () propriété.

Le diagramme des effets est le suivant :

Affichage de l'effet Téléchargement du code source

Fichier

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

Citation

 :

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment configurer globalement la page 404 pour les applications Vue

Comment utiliser nodejs express pour configurer un serveur https auto-signé

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!