So fügen Sie JQuery -Code in die HTML -Seite hinzu

So fügen Sie JQuery -Code in die HTML -Seite hinzu
JQuery ist eine Bibliothek von JavaScript, die im Grunde genommen erstellt wurde. Darüber hinaus ermöglicht HTML seinen Benutzern JQuery -Code auf der HTML.

In diesem Tutorial wird ein HTML -Seite hinzugefügt.

So fügen Sie jQuery -Code zur HTML -Seite hinzu?

Probieren Sie die angegebenen Anweisungen aus, um JQuery -Code zur HTML -Seite hinzuzufügen.

Schritt 1: Erstellen Sie einen DIV -Behälter
Erstellen Sie zunächst einen Div -Container und fügen Sie das hinzu “ausrichten”Attribut zum Festlegen der Elementposition.

Schritt 2: Fügen Sie eine Überschrift hinzu
Als nächstes fügen Sie die Überschrift mit Hilfe des "

Tag, das verwendet wird, um die Stufe eins in die HTML -Seite einzuführen.

Schritt 3: Schaltflächenelement erstellen
Erstellen Sie danach ein Schaltflächenelement mit der “" Schild:


LinuxHint



Ausgang

Schritt 4: Fügen Sie JQuery Library hinzu
Verwenden Sie den angegebenen Link zum Herunterladen der Jquery -Datei von der offiziellen Website. Geben Sie es dann in Ihren Projektordner ein und wechseln Sie zum “Tag und geben Sie die Quelle an “src”Im Skript -Tag wie folgt:

Alternativ müssen Sie die JQuery selbst hosten, indem Sie den vollständigen Link als Wert der “angebensrc”Attribut wie folgt:

Schritt 7: Funktion zur Verknüpfung hinzufügen
Fügen Sie nun eine Funktion zum Verknüpfen der Seite hinzu:

Hier:

  • Der Code enthält in die “$ (Dokument).Bereit (Funktion)”Wird nur einmal ausgeführt, wenn das Seitungsdokumentobjektmodell (DOM) darauf vorbereitet ist, den Code von JavaScript auszuführen.
  • .Klicken Sie auf (Funktion)”Wird für Trigger verwendet, wenn die Klickereignisse auftreten oder eine Funktion zum Ausführen verlinken.

Es kann beobachtet werden, dass der JQuery -Code erfolgreich mit der HTML -Seite verknüpft wurde:

Das ging darum, den Jquery -Code zur HTML -Seite hinzuzufügen.

Abschluss

Um den JQuery -Code zur HTML -Seite hinzuzufügen, können Sie entweder die Jquery -Bibliothek von der offiziellen Website herunterladen oder ihren Namen als die "als die" als die "platzieren" herunterladensrc”Attributwert innerhalb der“" Schild. Andernfalls hosten Sie die JQuery -Bibliothek direkt an, indem Sie den vollständigen Link im Skript innerhalb der “angebenAbschnitt der HTML -Datei. Dieser Beitrag hat das Verfahren zum Hinzufügen des JQuery -Code in eine HTML -Datei gezeigt.