Jak podłączyć jquery do dokumentu HTML

JQuery jest najbardziej wszechstronną i popularną biblioteką skryptów, aby zmaksymalizować funkcjonalność stron internetowych. Jego użycie jest uważane za w wielu przypadkach jest bardziej korzystny niż pisanie niektóre skrypty dla witryny, ponieważ biblioteka ta wyróżnia trwałość i zdolność do pracy we wszystkich przeglądarkach, włącznie z ich starszymi wersjami. Ponadto używanie JQuery optymalizuje pracę witryny i generuje znacznie mniej obciążenia niż "czysty" kod w javascript. W tym artykule omówimy, jak połączyć jQuery z witryną.

Jak pobrać JQuery

Aby połączyć stronę internetową biblioteki jQuery, należy pobrać i dodać do folderu z Javascript pliku w katalogu, w którym pliki na stronie internetowej. Bibliotekę można pobrać na oficjalną stronę internetową, najnowszą wersję jQuery, a link do pobrania zostanie umieszczony bezpośrednio na stronie głównej. Wygląda to tak:
W związku z tym widzimy, że najnowsza wersja biblioteki Jquery na dziś (październik 2018) to v331. Zaleca się postępować zgodnie z uaktualnieniami i regularnie łączyć bieżącą wersję, aby uniknąć błędów w wyświetlaniu informacji na stronie.


Po pobraniu pliku, należy go umieścić w katalogu na komputerze, gdzie inne pliki zawarte witrynę. Jeśli strona internetowa nie jest jeszcze wymieniona w sieci, ale znajduje się na komputerze, pobrany plik jest po prostu umieszczany w odpowiednim folderze. Jeśli migracja została już przeprowadzona na serwerze, musisz użyć dowolnego menedżera plików do migracjidane (na przykład WinSCP lub FileZilla). Aby przechowywać skrypty JS, lepiej wybrać osobny folder. Ma również jQuery.

Podłączanie pobranej biblioteki

Jak podłączyć bibliotekę jQuery do dokumentu HTML. Najpierw otwórz dowolny edytor tekstu lub stronę kodową HTML swojej witryny. Jeśli pracujesz nad CMS, musisz przejść do sekcji, w której zmienia się jednostka główna.


Wprowadzono następujący obszar z następującym kodem z łączem wskazującym, w jaki sposób połączyć skrypty JQuery i prowadzi do odpowiedniego katalogu. Będzie to wyglądać następująco:

& lt; script src = "scripts /jquery-3.3.1.min.js" & gt;

W związku z powyższym, skrypty - folder, w którym pożądana biblioteka, to powinno być rozpoznawanie nazw pełną (podobny do podłączania do innych plików dokumentów). Jak widać, tag & lt; script & gt; jest używany. z atrybutem src, określa ścieżkę do pliku.

Ta metoda połączenia jQuery jest najczęstsza, ale w niektórych przypadkach może nieznacznie zmniejszyć wydajność witryny.

Łączenie jQuery z Wordpress

Wordpress jest jednym z najpopularniejszych systemów CMS do tworzenia stron internetowych i blogów. Zastanówmy się, jak połączyć jQuery z WordPress.

Nie będzie błędem podłączanie biblioteki przy użyciu metody opisanej powyżej poprzez blok nagłówka, ale aby zoptymalizować witrynę, zalecamy następujący sposób.

Pobieranie biblioteki w tym przypadku nie jest wymagane. należy przejść w tryb edycji pliku functions.php i zarejestrować w kodzie

my_enqueue_scripts funkcyjne () {
wp_enqueue_script ('jQuery');
}
add_action ('wp_enqueue_scripts', 'my_enqueue_scripts');

W ten sposób połączenie zostanie wykonane.

Używanie JQuery z Google

Istnieje wygodny sposób korzystania z usług Google w celu połączenia JQuery z witryną. Jego zaletą jest zwiększenie szybkości witryny, jak rachunek nie są pliki z systemu wewnętrznego dokumentu i zewnętrznego zasobu, czyli więcej czasu na pobranie nie jest wydawana, a strona szybciej.


& lt; script type = "text /javascript" & gt;
zmienna blockSettings2 = {blockID "R-A-271049-5" renderTo "yandex_rtb_R-A-70350-39" asynchroniczny :! 0};
if (document.cookie.indexOf ("abmatch =") & gt; = 0) blockSettings2.statId = 70350;
! Zastosowanie (a, b, c, d, e) {A [c] = A [c] || [] A [c] .Push (funkcja () {Ya.Context.AdvManager.render (blockSettings2)}), e = b.getElementsByTagName ("scenariusz")d = b.createElement ("scenariusz") d.type = "text /JavaScript" d.src = „//an.yandex .ru /System /context.js "d.async = 0e.parentNode.insertBefore (d, e)} (to this.document," yandexContextAsyncCallbacks „);

Jak podłączyć JQuery do witryny za pomocą Google.

powinna być taka sama, jak w pierwszym sposobie, przejdź do bloku wszystkie HTML dokumencie, a następnie przywrócić kod

,Związek pośredni skrypt src = „//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">

Jest to bezpośredni link do biblioteki opublikowanej bezpośrednio w Google. W przyszłości, gdy skrypt uzyska dostęp do biblioteki, natychmiast pobierze stamtąd. Należy zauważyć, że w łączu musi być podana najnowsza wersja jQuery. Najnowszy kod wersji można pobrać z usługi Google Developers, przeszukując jej nazwę.

Opcje JQuery

zastanawiasz się, jak połączyć internetowej JQuery, prawdopodobnie zwrócić uwagę na fakt, że podczas pobierania dwa pliki są dostępne, z których jedna posiada dodatkową nazwę „min”, a drugi nie. Oba teOpcji tej można użyć do połączenia ze stroną internetową, ale istnieje między nimi różnica. Wersja min w tytule jest skompresowana, ponieważ wszystkie dodatkowe znaki, takie jak tabulatory i przejścia łańcuchowe, zostały z niego usunięte. Praktycznie nie można go użyć do wprowadzania zmian i debugowania, ale pokazuje dobrą wydajność po podłączeniu do witryny. Natomiast wersja nieskompresowana jest dobrze wykorzystywana do debugowania kodu, ale jest ważniejsza i nie zaleca się używania go do łączenia się z witryną.
​​

Podsumowanie

Sprawdziliśmy więc podstawowe techniki i nauczyliśmy się łączyć skrypty jQuery z dokumentem HTML. W zależności od wyznaczonych celów i celów, a także wygody osobistej, możesz skorzystać z dowolnej z oferowanych opcji. Biblioteka JQuery to świetny sposób na rozszerzenie funkcjonalności witryny bez utraty wydajności.

Powiązane publikacje