Maison > interface Web > js tutoriel > Comment masquer un texte en utilisant jquery

Comment masquer un texte en utilisant jquery

WBOY
Libérer: 2021-11-16 18:04:24
original
2544 Les gens l'ont consulté

Comment masquer un texte avec jquery : 1. Utilisez l'instruction "$("text id value")" pour obtenir l'objet texte en fonction de la valeur id spécifiée. 2. Utilisez la méthode hide() pour masquer l'objet obtenu ; , la syntaxe est "text object.hide();".

Comment masquer un texte en utilisant jquery

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

Comment masquer un texte avec jquery

1. Créez un nouveau fichier html, nommé test.html, pour expliquer comment jquery peut masquer une zone de texte en cliquant sur un bouton. Créez une zone de texte à l'aide de la balise d'entrée pour les tests. Ajoutez un attribut id à la balise d'entrée et définissez-le sur myinput.

Dans le fichier test.html, créez un bouton, liez l'événement onclick au bouton et exécutez la fonction hideIp lorsque vous cliquez sur le bouton.

Comment masquer un texte en utilisant jquery

2. Dans la balise js, créez la fonction hideIp. Dans la fonction, obtenez l'objet d'entrée via l'identifiant et utilisez la méthode hide() pour masquer la zone de texte.

Comment masquer un texte en utilisant jquery

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

Comment masquer un texte en utilisant jquery

Après avoir cliqué sur le bouton :

Comment masquer un texte en utilisant jquery

Résumé :

1. Créez une zone de texte à l'aide de la balise d'entrée, ajoutez un attribut id à la balise d'entrée et définissez-la sur myinput.

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

3. Dans la balise js, créez la fonction hideIp. Dans la fonction, obtenez l'objet d'entrée via l'identifiant et utilisez la méthode hide() pour masquer la zone de texte.

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéos de programmation ! !

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