Sprawdź, jak wypozycjonowaliśmy naszą stronę do TOP1
Na skróty
Według danych W3Techs ponad 76% wszystkich stron internetowych korzysta z jQuery. Warto więc poznać możliwości tej — mającej już prawie 20 lat! — biblioteki. W jaki sposób rozszerza ona możliwości JavaScript — i jakie zastosowania można dla niej znaleźć?
jQuery to powstała w 2006 roku biblioteka języka JavaScript, która wzbogaciła środowisko JS-a o wiele funkcjonalnych rozwiązań, bez których dziś web developerzy nie wyobrażają sobie pracy nad kodem.
Głównym celem, jaki przyświecał twórcom jQuery, było uproszczenie interakcji ze skryptami HTML oraz CSS na stronach internetowych i ułatwienie programistom samej pracy w plikach HTML. I rzeczywiście, wiele złożonych funkcji „czystego” kodu JavaScript udało się sprowadzić do prostych, jednolinijkowych wywołań — pozwalających błyskawicznie modyfikować elementy HTML strony na poziomie struktury DOM (Document Object Model). Jednocześnie, ograniczyło to objętość kodu i przyczyniło się do szybszego jego wykonywania przez przeglądarki.
Skoro o nich mowa — jQuery rozwiązał także problem zgodności między konkurencyjnymi przeglądarkami (a przypomnijmy, że mówimy o czasie, gdy Internet Explorer zaczynał już tracić udziały w rynku). Dla web developerów był to koniec z dostosowywaniem kodu do środowisk coraz popularniejszych konkurentów IE — Firefoxa, Opery czy Safari.
jQuery — od 2006 roku do dziś — pozostaje darmową biblioteką na licencji open source, którą modyfikować może każdy. I dlatego też zebrał wokół siebie bardzo rozbudowaną i stale rozwijającą możliwości jQuery społeczność. Dla programisty pracującego z front-endem, znajomość tych funkcji to wręcz obowiązek.
Najważniejsze funkcjonalności jQuery dotyczą wspomnianej już manipulacji elementami struktury HTML strony. Biblioteka pozwala więc:
Funkcje jQuery mogą być wykonywane asynchronicznie — niezależnie od głównego skryptu strony i bez konieczności przeładowywania całej witryny. To właśnie dzięki temu możemy tworzyć strony interaktywne, responsywne — dostosowujące się na bieżąco do zachowań użytkownika.
Do czego więc konkretnie wykorzystuje się jQuery? Między innymi do:
Z możliwości jQuery ochoczo korzysta także WordPress — o czym krótko piszemy poniżej.
Odpowiedź brzmi — nie. WordPress domyślnie obsługuje skrypty biblioteki jQuery, więc jeśli chcemy korzystać z jej funkcji — nic nie stoi ku temu na przeszkodzie.
Trzeba tylko pamiętać o tym, że podstawowy selektor — $ — jest wykorzystywany także przez inne biblioteki JavaScript. Aby więc uniknąć problemów ze zgodnością, możemy albo zastąpić go nieco dłuższym selektorem jQuery, albo uruchomić tryb zgodności, dodając do kodu następujący skrypt:
$.noConflict();
jQuery(document).ready(function(){
jQuery(“button”).click(function(){
jQuery(“p”).text(“jQuery is still working!”);
});
});
Skrypty jQuery są nieodłącznym elementem wielu popularnych wtyczek WordPressa. Należą do nich m.in.:
A to tylko trzy wtyczki — jest ich o wiele więcej!
Dziennikarz, copywriter i przedsiębiorca, który działa w branży od ponad 10 lat. Wykładowca Uniwersytetu Mikołaja Kopernika i licencjonowany konferansjer. Zajmuje się przygotowywaniem eksperckich treści związanych z marketingiem, a w szczególności pozycjonowaniem treści. Praca jest dla niego największą pasją.
