Comment modifier l'état sélectionné dans jquery

Méthodes permettant à jquery de modifier l'état sélectionné : 1. Utilisez les méthodes addClass et removeClass pour ajouter plusieurs noms de classe à l'élément sélectionné afin de modifier son style ou son état 2. Utilisez la méthode toggleClass pour ajouter ou déplacer l'élément sélectionné. à un nom de classe, si le nom de classe existe déjà, il sera supprimé, sinon il sera ajouté ; 3. Utilisez la méthode attr pour obtenir ou définir la valeur d'attribut de l'élément 4. Utilisez la méthode prop pour définir le booléen ; type Les valeurs des attributs sont basées sur des besoins spécifiques, etc.

L'environnement d'exploitation de cet article : système Windows 10, jQuery version 3.7.0, ordinateur Dell G3.

JQuery est une bibliothèque JavaScript populaire utilisée pour simplifier la manipulation et la gestion des événements des documents HTML. Il existe plusieurs façons de modifier l'état sélectionné lors de l'utilisation de JQuery.

Utilisez les méthodes addClass et removeClass :

En utilisant des méthodes, vous pouvez ajouter plusieurs noms de classe à l'élément sélectionné pour modifier son style ou son état. Par exemple, vous pouvez utiliser le code suivant pour ajouter un nom de classe "selected" à l'élément sélectionné :

$(selector).addClass("selected");

A l'inverse, vous pouvez utiliser la méthode removeClass pour supprimer la classe de l'élément sélectionné ```javascript

$(selector).removeClass("selected");

En ajoutant ou en supprimant le nom de la classe, vous pouvez facilement modifier le style ou l'état des éléments qu'elle contient.

Utilisez la méthode toggleClass :

La méthode toggleClass peut ajouter ou supprimer un nom de classe sur l'élément sélectionné. Si le nom de classe existe déjà, il sera supprimé, sinon il sera ajouté. Cette méthode peut être utilisée pour basculer l'état de l'élément sélectionné. Par exemple, vous pouvez utiliser le code suivant pour changer la classe de l'élément sélectionné :

$(selector).toggleClass("selected");

Si l'élément sélectionné a déjà le nom de classe "selected", alors ce nom de classe sera supprimé si l'élément sélectionné n'a pas le nom de classe ; nom de classe "sélectionné", alors ces noms de classe seront ajoutés.

Utiliser la méthode attr : 

La méthode attr peut être utilisée pour obtenir ou définir la valeur d'attribut d'un élément. En définissant la valeur d'attribut de l'élément sélectionné, vous pouvez modifier son état. Par exemple, vous pouvez utiliser le code suivant pour définir la valeur d'attribut de l'élément sélectionné :

$(selector).attr("selected", "true");

Cela définira l'attribut "selected" de l'élément sélectionné sur "true". En fonction de besoins spécifiques, différentes valeurs d'attribut peuvent être définies pour modifier le statut de l'élément sélectionné.

Utiliser la méthode prop :

La méthode prop est similaire à la méthode attr et est utilisée pour obtenir ou définir la valeur d'attribut d'un élément. Cependant, la méthode prop est plus adaptée à la gestion des propriétés booléennes, telles que « coché », « désactivé », etc. En définissant la valeur d'attribut de l'élément sélectionné, vous pouvez modifier son état. Par exemple, vous pouvez utiliser le code suivant pour définir la valeur d'attribut de l'élément sélectionné :

$(selector).prop("checked", true);

Cela définira l'attribut "checked" de l'élément sélectionné sur true. Selon des besoins spécifiques, différentes valeurs d'attribut peuvent être définies pour modifier le statut de l'élément sélectionné.

Résumé :

JQuery fournit une variété de méthodes pour modifier l'état sélectionné. Vous pouvez utiliser les méthodes addClass et removeClass pour ajouter ou supprimer des noms de classe, utiliser la méthode toggleClass pour changer de nom de classe, utiliser la méthode attr pour définir les valeurs d'attribut et utiliser la méthode prop pour définir les valeurs d'attribut booléennes. Choisissez la méthode appropriée en fonction. besoins spécifiques. Changer le style ou l’état de l’élément sélectionné.

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!