Jak skonfigurować i zacząć korzystać z JQuery?

JQuery jest jedną z najczęściej używanych bibliotek JavaScript w bieżącym czasie, JQuery pozwala użytkownikom wykonywać funkcje, które zwykle wymagają wielu wierszy kodu z zaledwie kilkoma krótkimi zdaniami JavaScript. Twórcy JQuery zawinili ważne funkcje, których programista WWW wymaga dość często w różnych funkcjach, które może następnie wdrożyć, po prostu wywołując funkcję i przestrzegając określonej składni.

Ale jak skonfigurować JQuery w swoim projekcie? Cóż, istnieją 3 główne sposoby importowania jQuery w twoim projekcie. Te 3 metody to:

• Pobieranie JQuery i dodanie go w pliku HTML jako skryptu
• Korzystanie z JQuery hostowanego CDN w twoim projekcie
• Jeśli pracujesz nad projektem Nodejs, możesz zainstalować JQuery z NPM

Przejdźmy przez wszystkie trzy z tych metod

Metoda 1: Pobieranie i łączenie JQuery w swoim projekcie

Pierwszym i najbardziej standardowym sposobem konfigurowania i korzystania z JQuery jest przejście na ich oficjalną stronę internetową.

Na stronie internetowej JQuery dostępne są dwie różne wersje do pobrania, jedna z wersji jest znana jako „Wersja produkcyjna”A drugi jest znany jako„Wersja rozwojowa". Główną różnicą między obiema wersjami polega na tym, że produkcja jest skompresowana i jest najbardziej odpowiednia dla stron internetowych na żywo, podczas gdy opracowanie jest nieskompresowaną wersją do testowania nowo wydanych funkcji i funkcji beta.

Po pobraniu wersji wydajesz odpowiedni, musisz dołączyć plik jQuery w HTML z Tag skryptu Ponieważ pod koniec dnia JQuery to biblioteka JavaScript.

Do tego łączenia używasz następujących wierszy kodu:

A w przypadku nich jesteś teraz gotowy do napisania kodu jQuery na swojej stronie internetowej.

Metoda 2: Korzystanie z JQuery hostowanej CDN w swoim projekcie

CDN oznacza sieć dostarczania treści, a na przykład można użyć JQuery, która jest hostowana na CDN, CDN Google. Przejdź do Google i wyszukaj „JQuery CDN Google”, a otrzymasz link do JQuery Google CDN, jak pokazano poniżej:

Skopiuj ten link i wklej go w pliku HTML pod znacznikiem skryptu, będzie wyglądać tak

Korzystanie z hostowanego CDN JQuery ma swoje własne korzyści, po pierwsze i najważniejszą zaletą tego wykorzystania jest to, że twoje jQuery jest zawsze aktualne. A po drugie, większość przeglądarek natknęła się na jQuery hostowane CDN podczas surfowania po Internecie, więc kiedy klient przychodzi na twoją stronę, ich przeglądarka nie musi pobierać JQuery, ponieważ jest już obecna w pamięci pamięci podręcznej.

Metoda 3: Korzystanie z NPM do instalacji JQuery

JQuery jest również dostępny w bibliotece NPM, a zatem można go zainstalować w projekcie Nodejs za pomocą następującego wiersza w terminalu edytora kodu:

NPM Instaluj JQuery

A jeśli pracujesz nad CLI na bazie przędzy, możesz zainstalować JQuery za pomocą następującego wiersza:

przędza dodaj jQuery

I to o tym, jak skonfigurować jQuery, teraz możesz napisać kod z jQuery w nim.

Korzystanie z jQuery

Aby zademonstrować użycie JQuery, utwórz nowy plik HTML i dodaj następujące wiersze w tym pliku:

Jestem polem tekstowym

Za pomocą nich otrzymasz następujące dane wyjściowe w przeglądarce:

Teraz utwórz znacznik skryptu i napisz następujące wiersze JQuery w nim, aby zmienić kolor tła pola tekstowego:

Dzięki tym wierszom zaobserwujesz następującą zmianę wyjścia:

To wszystko, z powodzeniem skonfigurowałeś i użyłeś jQuery.

Wniosek

JQuery to niezbędna biblioteka JavaScript, jeśli chodzi o kodowanie stron internetowych, ponieważ oszczędza to mnóstwo czasu dla programisty. JQuery zawiera często używane operacje do tworzenia stron internetowych, które wymagają kilku wierszy kodu owiniętego wewnątrz funkcji, którą można następnie wykorzystać za pomocą absolutnej minimalnej ilości kodu. JQuery można uwzględnić w naszym projekcie na trzy różne sposoby, a na tym poście omówiliśmy wszystkie trzy te sposoby.