Maison >interface Web >js tutoriel >Comment changer la couleur d'arrière-plan des paragraphes d'un article via l'attribut jquery toggleClass()
Cet article présente principalement la méthode de modification de la couleur d'arrière-plan des paragraphes de l'article via l'attribut jquery toggleClass(). Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer.
jQuery Créez un paragraphe d'article pour modifier l'attribut de couleur d'arrière-plan de l'attribut jquery toggleClass(). L'article joint un exemple de code et de code source pour tout le monde. Les amis intéressés peuvent s'y référer
Définition et utilisation
méthode toggleClass() pour ajouter. et Supprime une ou plusieurs classes des éléments sélectionnés à basculer.
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.
|
||||||||
commutateur | Facultatif. Valeur booléenne qui spécifie s'il faut uniquement ajouter (vrai) ou supprimer (faux) des classes. |
Le rendu est le suivant :
Référence du 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>Ce qui précède est l'intégralité du contenu de cet article.J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois ! Jquery introduit un CDN externe. Si le chargement échoue, la méthode d'introduction de la bibliothèque jq locale jquery. Implémentation .onoff Fonction du bouton de commutation
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!