Heim > Web-Frontend > js-Tutorial > So erstellen Sie mit jQuery ein Popup-Fenster

So erstellen Sie mit jQuery ein Popup-Fenster

coldplay.xixi
Freigeben: 2023-01-04 09:36:45
Original
12583 Leute haben es durchsucht

So verwenden Sie jQuery, um ein Popup-Fenster zu erstellen: Setzen Sie zuerst die ID der Schaltflächenbezeichnung auf mybutton. Rufen Sie dann das Schaltflächenobjekt über die ID ab und binden Sie schließlich das Klickereignis daran, wenn auf die Schaltfläche geklickt wird die Methode [confirm()], um das Dialogfeld aufzurufen.

So erstellen Sie mit jQuery ein Popup-Fenster

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery3.2.1-Version, Thinkpad T480-Computer.

Empfohlen: jquery-Video-Tutorial

So erstellen Sie mit jQuery ein Popup-Fenster:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie mit jQuery ein Popup-Fenster erstellen Dialogfeld.

So erstellen Sie mit jQuery ein Popup-Fenster

2. Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche zu erstellen, die beim Klicken das Dialogfeld öffnet.

So erstellen Sie mit jQuery ein Popup-Fenster

3. Setzen Sie in der Datei test.html die ID des Button-Tags auf mybutton. Das Button-Objekt wird über diese ID abgerufen. mybutton,下面将通过该id获得button对象。

So erstellen Sie mit jQuery ein Popup-Fenster

4、在js标签内,通过ready()方法在页面加载完成时,执行function方法,给button绑定点击事件。

So erstellen Sie mit jQuery ein Popup-Fenster

5、在function方法内,通过id获得button对象,给它绑定click点击事件,当按钮被点击时,使用confirm()方法弹出对话框,当用户点击“确定”后,使用write()

So erstellen Sie mit jQuery ein Popup-Fenster

So erstellen Sie mit jQuery ein Popup-Fenster4 . Verwenden Sie im js-Tag die Methode ready(), um die Funktionsmethode beim Laden der Seite auszuführen und das Klickereignis an die Schaltfläche zu binden.

So erstellen Sie mit jQuery ein Popup-Fenster

5 Rufen Sie in der Funktionsmethode das Schaltflächenobjekt über die ID ab und binden Sie das Klickereignis daran. Verwenden Sie beim Klicken auf die Schaltfläche die Methode confirm(), um ein Dialogfeld aufzurufen Klicken Sie auf „OK“. Verwenden Sie die Methode write(), um die Eingabeaufforderung auszugeben. So erstellen Sie mit jQuery ein Popup-Fenster

6. Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um die Ergebnisse anzuzeigen.

🎜🎜🎜Verwandte Lernempfehlungen: 🎜Javascript-Lerntutorial🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit jQuery ein Popup-Fenster. 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