Maison  >  Article  >  interface Web  >  Comment modifier l'attribut type dans jquery

Comment modifier l'attribut type dans jquery

青灯夜游
青灯夜游original
2022-03-01 18:20:543742parcourir

Dans jquery, vous pouvez utiliser la méthode attr() pour modifier l'attribut type de l'élément. Cette méthode peut définir la valeur de l'attribut de l'élément sélectionné. La syntaxe est "$(selector).attr("type","). nouvelle valeur")" Ou "$(selector).attr({type:newvalue})".

Comment modifier l'attribut type dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Dans jquery, en obtenant l'objet d'entrée, le type peut être modifié à l'aide de la méthode attr(). Syntaxe :

$(selector).attr("type","新值");
$(selector).attr({type:新值});

Exemple :

Dans la balise p, utilisez la balise input pour créer une zone de saisie et définissez sa valeur par défaut sur abcdefg.

Comment modifier lattribut type dans jquery

Dans le fichier test.html, définissez la valeur de l'attribut id de la balise d'entrée sur tuinput, qui est principalement utilisée pour obtenir l'objet d'entrée via cet identifiant ci-dessous.

Comment modifier lattribut type dans jquery

Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom du bouton "Modifier l'attribut de type d'entrée".

Comment modifier lattribut type dans jquery

Dans le fichier test.html, liez l'événement onclick click au bouton du bouton Lorsque vous cliquez sur le bouton, la fonction editype() est exécutée.

Comment modifier lattribut type dans jquery

Dans la balise js, créez la fonction editype(). Dans la fonction, obtenez l'objet d'entrée via id(tuinput) et utilisez la méthode attr() pour changer la valeur de l'attribut type en mot de passe.

Comment modifier lattribut type dans jquery

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Comment modifier lattribut type dans jquery

Comment modifier lattribut type dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end

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