Comment supprimer un attribut dans jquery

WBOY
Libérer: 2022-03-16 15:33:07
original
7308 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode removeAttr() pour supprimer un attribut d'un élément spécifié. La fonction de cette méthode est de supprimer un ou plusieurs attributs de l'élément sélectionné. La syntaxe est "élément spécifié object.removeAttr('. attribut d'élément spécifié ')".

Comment supprimer un attribut dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment supprimer un attribut dans jquery

Dans jquery, vous pouvez utiliser la méthode removeAttr() pour supprimer l'attribut d'élément spécifié

Créez un nouveau fichier html nommé test.html pour expliquer comment supprimer les attributs d'élément dans jquery. Utilisez la balise p pour créer une ligne de texte et définissez son attribut id sur title. Ajoutez un attribut de données à la balise p avec la valeur d'attribut "Ceci est un titre".

Créez un bouton, liez l'événement onclick click au bouton et lorsque vous cliquez sur le bouton, exécutez la fonction delattr().

Dans la balise js, créez la fonction delattr(). Dans la fonction, obtenez l'objet balise p via l'identifiant et utilisez la méthode removeAttr() pour supprimer l'attribut d'élément spécifié. Par exemple, supprimez l'attribut data ici.

Comment supprimer un attribut dans jquery

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour afficher les résultats.

Comment supprimer un attribut dans jquery

Comment supprimer un attribut dans jquery

Résumé :

1. Utilisez la balise p pour créer une ligne de texte, définissez son attribut id sur myppp et ajoutez un attribut data à la balise p.

2. Dans js, récupérez l'objet tag p via id et utilisez la méthode removeAttr() pour supprimer l'attribut d'élément spécifié. La méthode

Notes

removeAttr() peut supprimer n'importe quel attribut de l'élément.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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