JQuery to biblioteka JavaScript, która jest zasadniczo tworzona do uproszczenia manipulacji modelu obiektu dokumentu HTML (DOM), a także animacji w CSS, obsługi wydarzeń i Ajax. Ponadto HTML pozwala użytkownikom dodać kod jQuery na stronie HTML, aby uczynić go bardzo prostym i prostym do korzystania z JavaScript na stronie internetowej.

Ten samouczek pokaże dodanie kodu jQuery do strony HTML.

Jak dodać kod jQuery do strony HTML?

Aby dodać kod jQuery do strony HTML, wypróbuj podane instrukcje.

Krok 1: Utwórz kontener Div
Początkowo utwórz kontener DIV i dodaj „wyrównywać„Atrybut do ustawienia pozycji elementu.

Krok 2: Dodaj nagłówek
Następnie dodaj nagłówek z pomocą „

„Tag, który jest wykorzystywany do wstawienia poziomu pierwszego poziomu do strony HTML.

Krok 3: Utwórz element przycisku
Następnie utwórz element przycisku za pomocą „”Tag:

Linuxhint

Rejestr

Wyjście

Krok 4: Dodaj bibliotekę jQuery
Wykorzystaj podany link do pobierania pliku jQuery z oficjalnej strony internetowej. Następnie umieść go w folderze projektu, przejdź do „”Tag i określ źródło„src”W znaczniku skryptu w następujący sposób:

Alternatywnie musisz sam hostować jQuery, określając pełny link jako wartość „src”Atrybut w następujący sposób:

Krok 7: Dodaj funkcję do łączenia
Teraz dodaj funkcję łączenia strony:

Tutaj:

• Kod zawarty w „$ (dokument).gotowy (funkcja)”Będzie uruchomiony tylko raz, gdy Model obiektu Dokument (DOM) będzie przygotowany do wykonania kodu JavaScript.
• ".kliknij (funkcja)”Jest wykorzystywany do wyzwalaczy, gdy wystąpią zdarzenia kliknięcia lub łączy funkcję do wykonania.

Można zauważyć, że kod jQuery został pomyślnie powiązany ze stroną HTML:

Chodziło o dodanie kodu jQuery do strony HTML.

Wniosek

Aby dodać kod jQuery do strony HTML, możesz pobrać bibliotekę jQuery z oficjalnej strony internetowej lub umieścić jej nazwę jako „src”Wartość atrybutu w„ „”Tag. W przeciwnym razie hostuj bezpośrednio bibliotekę jQuery, podając pełny link w skrypcie w ramach „”Sekcja pliku HTML. W tym poście pokazano procedurę dodawania kodu JQuery do pliku HTML.