Maison  >  Article  >  interface Web  >  Comment effacer le contenu en entrée dans jquery

Comment effacer le contenu en entrée dans jquery

coldplay.xixi
coldplay.xixioriginal
2020-11-19 15:12:566997parcourir

Comment effacer le contenu de l'entrée dans jquery : créez d'abord un fichier et utilisez la balise input pour créer une zone de texte, puis utilisez la balise button pour créer un bouton, puis créez une fonction et obtenez l'entrée ; objet dans la fonction ; utilisez enfin [val()] pour effacer le contenu de la zone de texte de saisie.

Comment effacer le contenu en entrée dans jquery

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

Comment effacer le contenu de l'entrée à l'aide de jquery :

1 Créez un nouveau fichier html nommé test.html pour expliquer comment effacer le contenu de l'entrée. en utilisant jquery.

Comment effacer le contenu en entrée dans jquery

2. Dans le fichier test.html, introduisez le fichier de bibliothèque jquery.min.js et chargez le fichier avec succès pour utiliser les méthodes dans jquery.

Comment effacer le contenu en entrée dans jquery

3. Dans le fichier test.html, utilisez la balise d'entrée pour créer une zone de texte et définissez son identifiant sur myinput, qui est principalement utilisé pour obtenir l'objet d'entrée via cet identifiant ci-dessous.

Comment effacer le contenu en entrée dans jquery

4. Dans le fichier test.html, utilisez la balise bouton pour créer un bouton avec le nom de bouton "Effacer le contenu".

Comment effacer le contenu en entrée dans jquery

5. Dans le fichier test.html, liez l'événement onclick au bouton Lorsque vous cliquez sur le bouton, exécutez la fonction clearinput().

Comment effacer le contenu en entrée dans jquery

6. Dans la balise js, créez la fonction clearinput() Dans la fonction, obtenez l'objet d'entrée via id(myinput) et utilisez val() pour effacer le. saisir le contenu de la zone de texte.

Comment effacer le contenu en entrée dans jquery

7. Ouvrez le fichier test.html dans le navigateur, saisissez le contenu dans la zone de texte, cliquez sur le bouton pour voir l'effet.

Comment effacer le contenu en entrée dans 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