Kurs jQuery. Część 2: Podstawy interakcji z użytkownikiem. Selektory, zdarzenia i modyfikacje kodu strony
W pierwszym odcinku kursu jQuery zapoznaliśmy się z podstawowymi cechami tego frameworka i jego najważniejszymi zaletami. Jedną z nich było wykorzystanie zasad tworzenia kodu znanych już deweloperom z arkuszy stylów (CSS). Zagadnieniu temu warto przyjrzeć się bliżej. Biblioteka jQuery obsługuje bowiem wyszukiwanie za pomocą składni CSS 3, zapewniając tym samym dużą elastyczność i zwięzłość projektowanych rozwiązań. Przypisywanie zdarzeń w sposób niezależny od przeglądarki pozwala ponadto odseparować skrypt od danych HTML. Spójrzmy więc, jak te cechy jQuery mogą pomóc nam w manipulowaniu elementami dokumentu HTML w reakcji na określone działania użytkownika.
Wprowadzenie
Wyszukiwanie elementów za pomocą składni CSS to bardzo wygodne rozwiązanie, pozwala bowiem skorzystać ze znanych już i dobrze udokumentowanych zasad. Umożliwiają one odnajdywanie zarówno pojedynczych obiektów, jak i całych ich grup – dzięki zastosowaniu złożonych poleceń. Twórcy biblioteki jQuery nie poprzestali jednak na wdrożeniu standardowych rozwiązań. Zdefiniowali także kilka rozszerzeń, które choć zgodne są z ogólną semantyką CSS, nie znajdziemy ich jednak w opisie standardu. Ich zadaniem jest po prostu ułatwienie pracy programiście – na przykład pseudoklasa :animated dopasowuje się do tych elementów dokumentu, które są w danym momencie animowane.
Ponieważ dynamiczny interfejs strony WWW bazuje na zdarzeniach, jQuery także w tym wypadku stara się pomóc deweloperowi. Przede wszystkim zapewnia jedną składnię definiowania i usuwania zdarzeń, niezależną od przeglądarek internetowych. Dodatkowo umożliwia określanie wielu zdarzeń dla tego samego elementu bez efektu nadpisywania oraz definiowanie własnych typów, które później wywołuje się programowo.
Kod zdarzenia najczęściej powoduje zmianę struktury dokumentu HTML lub dodanie nowych właściwości CSS. Biblioteka udostępnia więc również metody służące do łatwego pobierania i modyfikacji atrybutów HTML, zawartości znacznika czy klas i właściwości CSS. Wszystkie powyższe cechy jQuery przedstawimy już za chwilę, na praktycznych przykładach.
«poprzednia 1 2 3 4 ... 7 następna »
Komentarze
Aby dodać komentarz, musisz podać swój nick, treść komentarza oraz poprawnie przepisać oba słowa z obrazka
(słowa muszą być rozdzielone spacją).
W treści komentarza można używać języka formatowania BBcode.
Popularne
Nazwa padła ofiarą szantażystów, inni polscy hosterzy też zagrożeni?
22
Darmowy Internet od Aero2. Jak go zdobyć i jakie są prawdziwe koszta? Instrukcja krok po kroku
11
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
17
Premiera Diablo 3 wzbudziła dyskusję na temat gier, które zawsze chcą być online
19
Nowy problem z Windows 8: bootuje się za szybko
10
Amerykańscy rodzice straszeni „e-narkotykami” dostępnymi w Sieci
21
Anonymous upubliczniają 1,7 GB danych wykradzionych Departamentowi Sprawiedliwości USA
12
Blueseed: libertariańska sztuczna wyspa przyciągnęła już ponad sto startupów z całego świata
8
Rewolucja w Firefoksie, nowa łatka czterokrotnie ograniczyła zużycie pamięci
20
Darmowy Internet od Aero2. Jak go zdobyć i jakie są prawdziwe koszta? Instrukcja krok po kroku
11
CVDazzle: makijaż jest w stanie pokonać automatyczne systemy ulicznego monitoringu
3
Programowanie w środowisku Android – wprowadzenie do projektowania aplikacji dla urządzeń mobilnych
17
Ubuntu 12.04 LTS już dostępny: stabilna dystrybucja na następne pięć lat?
28
Zostań webmasterem polskiego rządu, zarobisz na komfortowe życie dla siebie i swojej rodziny
33
Społeczność
anga star za droga ludzie wy myślicie!?Jestem 4 klasistką rodzice się nigdy nie...
Jan Zwyczajnych filmów tak kręcić się nie da co najwyżej krótkie scenki jak w...
piotrek____ @asdfgh - yup, też tak sądzę.
Tak jak wtedy ten przeciek o żołnierzu...
gonzales Javowcy pozdrawiają dotnetowców xD
kaziks Galaxy S II - u mnie po aktualizacji Firefox działa strasznie zacina się...
Doniek Szkoda że strona z demo nie działa - non stop się przeładowuje
bartez Niech zaczną jeszcze bardziej ograniczać programistów, to zdziwią się ilu...
- Najdmen.pl: Konta www z wyłączonym licznikiem transferu od IONIC.pl (1)
- 2BE.PL: [Oferta] Promocja jak złoto w 2BE.PL (1)
- gardius: Dobra hurtownia sportowa (1)
- gardius: Tanie książki gdzie warto kupować? (1)
- Najdmen.pl: PROMOCJA, 500 DOMEN .EU ZA 1 PLN NETTO ! (1)
- VMLine: [Oferta] Serwery VPS Xen-HVM/OpenVZ z darmową administracją (2)
- Marek: Generowanie PDFa (2)
Polecane książki
Praca
Czytaj Webhosting
Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.
Zarejestruj domenę
Sprawdź dostępność swojej domeny:
| .pl: | 0 zł | .com: | 19.90 zł | |
|---|---|---|---|---|
| .com.pl: | 0 zł | .eu: | 19.90 zł |









#1 adamkk 2009-08-19 12:59:27 0
IP: 193.178.143.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)
#2 jakubek 2009-08-20 08:11:39 0
IP: 94.254.250.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)
#3 adminik 2009-08-25 01:39:16 0
IP: 83.7.12.[...] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/530.5 (KHTML, like Gecko) Chrome/2.0.172.39 Safari/530.5
#4 starr 2009-09-27 13:23:51 0
IP: 84.40.188.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; pl; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3 (.NET CLR 3.5.30729)
#5 wcz_e 2010-07-17 14:50:19 0
IP: 83.10.119.[...] Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.99 Safari/533.4
#6 sdf 2010-09-15 01:57:10 0
IP: 217.113.228.[...] Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US) AppleWebKit/533.4 (KHTML, like Gecko) Chrome/5.0.375.127 Safari/533.4
#7 mariobedi 2012-05-10 18:43:31 0
IP: 77.255.130.[...] Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0