Heim > Web-Frontend > js-Tutorial > So erstellen Sie Elementknoten in JQuery

So erstellen Sie Elementknoten in JQuery

coldplay.xixi
Freigeben: 2023-01-03 09:26:32
Original
3331 Leute haben es durchsucht

So erstellen Sie Elementknoten in jquery: Fügen Sie zuerst einen IMG-Knoten im p-Tag hinzu und fügen Sie dann das Onclick-Klickereignis an die Schaltfläche hinzu das p-Tag.

So erstellen Sie Elementknoten in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

So erstellen Sie Elementknoten mit jquery:

1 Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie jquery Elementknoten erstellt.

So erstellen Sie Elementknoten in JQuery

2. Erstellen Sie in der Datei test.html ein p-Tag und fügen Sie dann einen img-Knoten innerhalb des p-Tags hinzu.

So erstellen Sie Elementknoten in JQuery

3. Fügen Sie in der Datei test.html ein ID-Attribut zum p-Tag hinzu, das zum Abrufen des p-Tag-Objekts unten verwendet wird.

So erstellen Sie Elementknoten in JQuery

4. Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche zu erstellen, binden Sie das Onclick-Ereignis an die Schaltfläche und führen Sie beim Klicken auf die Schaltfläche createle() aus Funktion. createle()函数。

So erstellen Sie Elementknoten in JQuery

5、在js标签内,创建createle()函数,在函数内,通过id获得p元素对象,使用append()

So erstellen Sie Elementknoten in JQuery

So erstellen Sie Elementknoten in JQuery5 . Erstellen Sie im js-Tag die Funktion createle(). Rufen Sie innerhalb der Funktion das p-Elementobjekt über die ID ab und verwenden Sie die Methode append() img-Knoten zum p-Tag.

So erstellen Sie Elementknoten in JQuery6. Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um die Ergebnisse anzuzeigen.

Empfohlen:

JQuery-Video-Tutorial
🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo erstellen Sie Elementknoten in 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