Maison > interface Web > js tutoriel > Comment changer la couleur d'arrière-plan des paragraphes d'un article via l'attribut jquery toggleClass()

Comment changer la couleur d'arrière-plan des paragraphes d'un article via l'attribut jquery toggleClass()

不言
Libérer: 2018-07-04 11:48:00
original
1947 Les gens l'ont consulté

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)
Copier après la connexion
< /tr>
ParamètresDescription
nom de classeObligatoire. 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é.
commutateurFacultatif. 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 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>
Copier après la connexion

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 !

Recommandations associées :

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal