So ersetzen Sie HTML-Inhalte durch jq

Patricia Arquette
Freigeben: 2023-01-04 09:33:50
Original
4370 Leute haben es durchsucht

So ersetzen Sie HTML-Inhalte durch jq: Erstellen Sie zuerst eine neue HTML-Datei, erstellen Sie dann ein Modul, schreiben Sie den Testinhalt in das Div und binden Sie schließlich das Onclick-Click-Ereignis an die Schaltfläche Verwenden Sie die Methode text(). Ersetzen Sie einfach den Inhalt innerhalb des div.

So ersetzen Sie HTML-Inhalte durch jq

Die Betriebsumgebung dieses Artikels: Windows 7-System, jquery3.2.1 und HTML5-Version, DELL G3-Computer

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie mit Jquery den Inhalt ersetzen die div.

So ersetzen Sie HTML-Inhalte durch jq

In der Datei test.html verwenden Sie div, um ein Modul zu erstellen und den Testinhalt in das div zu schreiben.

So ersetzen Sie HTML-Inhalte durch jq

Fügen Sie in der Datei test.html ein ID-Attribut zum div hinzu, das hauptsächlich zum Abrufen des div-Objekts über die folgende ID verwendet wird.

So ersetzen Sie HTML-Inhalte durch jq

Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche zu erstellen, binden Sie das Onclick-Klickereignis an die Schaltfläche und führen Sie die Funktion tihuan() aus, wenn auf die Schaltfläche geklickt wird.

So ersetzen Sie HTML-Inhalte durch jq

Erstellen Sie im js-Tag die Funktion tihuan(). Speichern Sie innerhalb der Funktion den zu ersetzenden Inhalt in der Variablen con, rufen Sie das div-Objekt über id(mydiv) ab und verwenden Sie die Methode text(), um Erkennen Sie den Inhalt im div-Ersatz.

So ersetzen Sie HTML-Inhalte durch jq

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

So ersetzen Sie HTML-Inhalte durch jq

【Empfohlenes Lernen:JQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ersetzen Sie HTML-Inhalte durch jq. 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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!