jQuery

Z Wikipedii, wolnej encyklopedii
Skocz do: nawigacja, szukaj
jQuery
biblioteka programistyczna
JQuery logo text.svg
Logo programu
Producent jQuery Team
Napisane w JavaScript
Pierwsze wydanie 2006-08-2626 sierpnia 2006
Aktualna wersja stabilna 2.1.0 / 24 stycznia 2014
Licencja GPL i MIT[1]
jquery.com

jQuery – lekka biblioteka programistyczna dla języka JavaScript, ułatwiająca korzystanie z JavaScriptu (w tym manipulację drzewem DOM). Kosztem niewielkiego spadku wydajności w stosunku do profesjonalnie napisanego kodu w niewspomaganym JavaScripcie pozwala osiągnąć interesujące efekty animacji, dodać dynamiczne zmiany strony, wykonać zapytania AJAX. Większość wtyczek i skryptów opartych na jQuery działa na stronach nie wymagając zmian w kodzie HTML (np. zamienia klasyczne galerie złożone z miniatur linkujących do obrazków w dynamiczną galerię).

Funkcjonalność[edytuj | edytuj kod]

jQuery pozwala w wygodny i zrozumiały sposób korzystać z następujących funkcjonalności:

  • selektory – umożliwiają wybranie dowolnego podzbioru węzłów modelu DOM
  • atrybuty – jQuery pozwala przetwarzać atrybuty węzłów dokumentu
  • manipulowanie modelem DOM
  • zmiana i przypisywanie stylu do elementów
  • rozbudowana obsługa zdarzeń, możliwość definiowania własnych
  • efekty – animacje
  • AJAX – prosty interfejs realizujący asynchroniczne zapytania

Podstawowe cechy[edytuj | edytuj kod]

  • Niezależność od przeglądarki – eliminuje konieczność dostosowywania kodu do różnych przeglądarek WWW
    • pełna funkcjonalność w: IE 6.0+ (oprócz interfejsu AJAX), Firefox 2+, Safari 3.0+, Opera 9.0+, Chrome
  • Obsługa selektorów zgodna z CSS3
  • Małe rozmiary – produkcyjna wersja to tylko ok 80 kB
  • Wygoda tworzenia wtyczek

Użycie[edytuj | edytuj kod]

Z biblioteki jQuery można korzystać na dwa sposoby:

  • Użyć funkcji $ lub jQuery ($ jest standardowym aliasem obiektu jQuery). Funkcja ta i inne metody zwracają obiekt jQuery, co oznacza, że można łatwo łączyć je w łańcuch wywołań.
  • Używać $. lub jQuery. jako swoistego prefiksu. Czyli korzystać z metod narzędziowych nie operujących na obiekcie jQuery jako takim.

Typowe wykorzystanie biblioteki jQuery polega na przekazaniu selektora CSS funkcji $, której wynikiem jest tablica referencji do obiektów dopasowanych elementów (tablica może być pusta). Następnie na tej tablicy wykonuje się dodatkowe operacje poprzez metody obiektu jQuery. Na przykład skrypt:

jQuery("div.test").append(jQuery('<p class="quote"/>').addClass('blue').slideDown('slow'));

pobierze tagi DIV z klasą test, doda pusty paragraf o klasie quote, doda klasę o nazwie blue i utworzy animację.

Metody z prefiksem $. lub jQuery. są metodami samodzielnymi lub działają globalnie. Poniższy przykład wykorzysta funkcję mapującą o nazwie each:

jQuery.each([1,2,3], function(klucz, wartosc) {
  document.write(klucz+"="+wartosc+"<br/>");
});

Przykład powyżej wydrukuje na ekranie: 0=1 1=2 2=3

jQuery oferuje również niezależny od przeglądarki interfejs do synchronicznych oraz asynchronicznych żądań HTTP (AJAX). Standaryzuje on różne implementacje obiektu XMLHttpRequest. Zapytania obsługuje się poprzez metodę globalną jQuery.post lub jQuery.get. Metody te różnią się od siebie tym, że jQuery.post wysyła dane za pomocą POST, a jQuery.get wysyła dane za pomocą GET.

jQuery.post(
"skrypt.php",
{"klucz": "wartość", "a": 13},
function(json) {alert('Dane otrzymane: '+json.klucz+', '+json.a);},
"json"
);

W powyższym przykładzie skrypt wyśle żądanie do pliku skrypt.php przekazując mu parametry klucz i a (w żądaniu typu POST). Po pomyślnym przesłaniu danych wywołana zostanie funkcja przypisana do opcji trzeciej, która w tym wypadku wyświetli komunikat z odpowiedzią zwróconą przez skrypt.

Historia wydań[edytuj | edytuj kod]

Data wydania Numer wersji Uwagi
26 sierpnia 2006 1.0 pierwsze wydanie stabilne
31 sierpnia 2006 1.0.1
9 października 2006 1.0.2
27 października 2006 1.0.3
12 grudnia 2006 1.0.4 ostatnie poprawki w wersji 1.0
14 stycznia 2007 1.1
22 stycznia 2007 1.1.1
27 lutego 2007 1.1.2
1 czerwca 2007 1.1.3
5 czerwca 2007 1.1.3.1
24 sierpnia 2007 1.1.4
10 września 2007 1.2
16 września 2007 1.2.1
15 stycznia 2008 1.2.2
8 lutego 2008 1.2.3
19 maja 2008 1.2.4
21 maja 2008 1.2.5 poprawki złego wykonania wersji 1.2.4
24 maja 2008 1.2.6
14 stycznia 2009 1.3 wprowadzono Sizzle Selector Engine do silnika
21 stycznia 2009 1.3.1
20 lutego 2009 1.3.2
14 stycznia 2010 1.4
25 stycznia 2010 1.4.1
19 lutego 2010 1.4.2
16 października 2010 1.4.3
11 listopada 2010 1.4.4
31 stycznia 2011 1.5
24 lutego 2011 1.5.1
31 marca 2011 1.5.2
3 maja 2011 1.6
12 maja 2011 1.6.1
30 czerwca 2011 1.6.2
1 września 2011 1.6.3
12 września 2011 1.6.4
3 listopada 2011 1.7 nowe zdarzenia API:.on(),.off()
21 listopada 2011 1.7.1
21 marca 2012 1.7.2
9 sierpnia 2012 1.8.0
30 sierpnia 2012 1.8.1
20 września 2012 1.8.2
13 listopada 2012 1.8.3
15 stycznia 2013 1.9
4 lutego 2013 1.9.1
18 kwietnia 2013 2.0
24 maja 2013 2.0.1
30 maja 2013 2.0.2
3 lipca 2013 2.0.3

Przypisy

  1. License - jQuery Project (ang.). The jQuery Project, 2010. [dostęp 2011-07-02].

Zobacz też[edytuj | edytuj kod]

Linki zewnętrzne[edytuj | edytuj kod]