Maison  >  Article  >  interface Web  >  Comment modifier la valeur de l'attribut de balise à l'aide de jquery

Comment modifier la valeur de l'attribut de balise à l'aide de jquery

coldplay.xixi
coldplay.xixioriginal
2020-11-27 15:08:556267parcourir

Comment utiliser jquery pour modifier la valeur de l'attribut de la balise : utilisez d'abord la balise p pour créer le texte de test dans le fichier et ajoutez l'attribut id ; puis liez l'événement onclick click au bouton ; Méthode [attr()] Modifier la valeur de l'attribut id.

Comment modifier la valeur de l'attribut de balise à l'aide de jquery

L'environnement d'exploitation de ce tutoriel : Système Windows 7, jquery version 3.2.1 Cette méthode convient à toutes les marques d'ordinateurs.

Comment utiliser jquery pour modifier la valeur d'attribut d'une balise :

1 Créez un nouveau fichier html, nommé test.html, pour expliquer comment modifier le. attribut d'une balise avec jquery .

Comment modifier la valeur de lattribut de balise à laide de jquery

2. Dans le fichier test.html, utilisez la balise p pour créer une ligne de texte de test. Le code est le suivant :

Comment modifier la valeur de lattribut de balise à laide de jquery

3. Dans le fichier test.html, ajoutez un attribut id à la balise p, la valeur de l'attribut étant mytest. Ensuite, nous utiliserons la méthode jquery pour modifier cet attribut.

Comment modifier la valeur de lattribut de balise à laide de jquery

4. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton, liez l'événement onclick click au bouton, et lorsque le bouton est cliqué, exécutez la fonction editid().

Comment modifier la valeur de lattribut de balise à laide de jquery

5. Dans la balise js, créez la fonction editid() Dans la fonction, obtenez l'objet balise p via le nom de l'élément et utilisez la méthode

. pour modifier la valeur de l'attribut id , par exemple, remplacez-le par mynewtest. attr()

Comment modifier la valeur de lattribut de balise à laide de jquery

6. Ouvrez le fichier test.html dans le navigateur et cliquez sur le bouton pour voir l'effet de la modification du code source.

Comment modifier la valeur de lattribut de balise à laide de jquery

Recommandations d'apprentissage gratuites associées :

javascript (vidéo)

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!

Déclaration:
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