Heim > Web-Frontend > js-Tutorial > Hauptteil

So verbergen Sie einen Text mit JQuery

WBOY
Freigeben: 2021-11-16 18:04:24
Original
2518 Leute haben es durchsucht

So verbergen Sie einen Text mit jquery: 1. Verwenden Sie die Anweisung „$(„text id value“)“, um das Textobjekt gemäß dem angegebenen ID-Wert abzurufen. 2. Verwenden Sie die Methode hide(), um das erhaltene Objekt auszublenden , Syntax ist „text object.hide();“.

So verbergen Sie einen Text mit JQuery

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 1.10.0, Dell G3-Computer.

So verbergen Sie einen Text mit jquery

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie jquery ein Textfeld durch Klicken auf eine Schaltfläche ausblenden kann. Erstellen Sie zum Testen ein Textfeld mit dem Eingabe-Tag. Fügen Sie dem Eingabe-Tag ein ID-Attribut hinzu und setzen Sie es auf myinput.

Erstellen Sie in der Datei test.html eine Schaltfläche, binden Sie das Onclick-Ereignis an die Schaltfläche und führen Sie die Funktion hideIp aus, wenn auf die Schaltfläche geklickt wird.

So verbergen Sie einen Text mit JQuery

2. Erstellen Sie im js-Tag die Funktion hideIp. Rufen Sie innerhalb der Funktion das Eingabeobjekt über die ID ab und verwenden Sie die Methode hide(), um das Textfeld auszublenden.

So verbergen Sie einen Text mit JQuery

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um den Effekt zu sehen.

So verbergen Sie einen Text mit JQuery

Nachdem Sie auf die Schaltfläche geklickt haben:

So verbergen Sie einen Text mit JQuery

Zusammenfassung:

1. Erstellen Sie ein Textfeld mit dem Eingabe-Tag, fügen Sie ein ID-Attribut zum Eingabe-Tag hinzu und legen Sie es auf „myinput“ fest.

2. Erstellen Sie eine Schaltfläche, binden Sie das Onclick-Ereignis an die Schaltfläche und führen Sie die Funktion hideIp aus, wenn auf die Schaltfläche geklickt wird.

3. Erstellen Sie im js-Tag die Funktion hideIp. Rufen Sie innerhalb der Funktion das Eingabeobjekt über die ID ab und verwenden Sie die Methode hide(), um das Textfeld auszublenden.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideos! !

Das obige ist der detaillierte Inhalt vonSo verbergen Sie einen Text mit JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage