Kod HTML tego przykładu celowo jest bardzo prosty.
To jest miejsce, gdzie zostanie umieszczona treść.
Można kliknąć ten akapit.
PK lBvr r01/02-no-conflict.html
$.noConflict()
Ten przykład pokazuje, jak można umieszczać kod jQuery
z innym kodem JavaScript, w którym symbol $ jest używany
jako nazwa funkcji. Proszę kliknąć na akapicie,
by wypróbować działanie skryptu.
PK jB$5= = r01/03-jquery-version.html
Wersja jQuery
Numer wersji biblioteki jQuery:
PK jBq r01/04-each.html
Funkcja each()
Ten przykład przedstawia użycie funkcji each(),
dopisując literę na początku każdego akapitu.
Pierwszy
Drugi
Trzeci
PK jB r01/05-map.html
Funkcja map()
Ten przykład przedstawia prostu sposób użycia funkcji map().
Przed wywołaniem funkcji map():
Po wywołaniu funkcji map():
PK lBQ҇ r01/06-get.html
Funkcja get() oraz jej alternatywy
Różne sposoby pobierania tablicy elementów lub konkretnego elementu
Pierwszy
Drugi
Trzeci
PK lBN֮ r01/07-index.html
Funkcja index()
Kliknij akapit, by wyświetlić jego indeks
Pierwszy
To nie jest akapit, zatem nie odpowiada na kliknięcia.
Drugi
Trzeci
I dwa zagnieżdżone akapity:
Pierwszy zagnieżdżony akapit.
Drugi zagnieżdżony akapit.
I ostatni akapit na głównym poziomie strony.
PK lBb& & r01/08-grep.html
Funkcja grep()
Wszystkie miesiące
Miesiące, w których powinieneś brać dodatkowe witaminy:
PK jBZ r01/09-length.html
Funkcja length()
Klikając poniższy przycisk, wyświetlisz wielkość
zbioru elementów wybranych przez jQuery.
Pierwszy
Drugi
Trzeci
PK mB
r01/10-get-html5-data.html
Użycie funkcji data() w celu odczytu niestandardowych atrybutów data- HTML5
Po kliknięciu przycisku zostanie wyświetlony
tekst ukryty w elemencie akapitu, w niestandardowym atrybucie
danych języka HTML5.
PK mB#y r01/11-get-store-data.html
Funkcja data(): zapis danych
Nawet jeśli skorzystamy z dodatku Firebug,
to kiedy już zapiszemy dane skojarzone z tym elementem,
nie będziemy w stanie ich zobaczyć.
Aby pokazać, że dane należą do innego
akapitu, poniższy celowo nie zawiera żadnych
niestandardowych danych.
PK jBR@ @ r01/12-get-remove-data.html
Funkcja data(): usuwanie danych
Ten akapit jest miejscem,
w którym zostaną zapisane dane. Wyświetlenie danych spowoduje
przedstawienie pewnych tajników związanych z przechowywaniem
danych przez jQuery. Szczegóły techniczne można pominąć.
PK jB嚔 r01/13-variables.html
Różne funkcje służące do testowania zmiennych
Oto lista funkcji służących do testowania zmiennych oraz kilka
funkcji służących do modyfikacji danych:
PK JB.m r01/14-extend.html
Funkcja extend()
Pierwszy obiekt:
Drugi obiekt:
Obiekt wynikowy:
PK jBj r01/15-serialize.html
Funkcje: serialize() oraz serializeArray()
Skorzystaj z poniższych przycisków, by wyświetlić wyniki
użycia dwóch różnych funkcji służących do serializacji.
PK jB1\U U r01/16-jquery-support.html
Właściwości związane z możliwościami przeglądarek
Poniższy akapit prezentuje dostępne możliwości
używanej przeglądarki:
PK $B r02/PK kBԪ r02/01-add.html
Łączenie dwóch zbiorów elementów
Ten tekst będzie normalny.
Ten tekst powinien zostać wyświetlony na niebiesko.
Ten tekst powinien zostać wyświetlony na niebiesko.
Ten tekst będzie normalny.
Ten tekst powinien zostać wyświetlony na niebiesko.
Ten tekst powinien zostać wyświetlony na niebiesko.
PK kB r02/02-filter.html
Funkcje filter() oraz end()
Filtrowanie wybranych elementów
Jeden,
dwa
trzy,
cztery,
pięć,
sześć,
siedem,
osiem,
dziewięć,
dziesięć.
PK kBC r02/03-find-and-children.html
Funkcje find() oraz children()
Ten kod używa funkcji children() oraz find(), by
wyróżnić jedynie 'szczególne' elementy listy.
1
2
2.1
2.2
2.3
2.4
3
4
PK kBlړ r02/04-has-is.html
Funkcje has() oraz is().
Większa część tego tekstu powinna być wyświetlona normalnie,
za wyjątkiem samego elementu em oraz niektórych
elementów strong, gdyż te nie zawierają
elementów em.
Ten tekst zostanie wyświetlony na czerwonym tle, kiedy
umieścimy na nim wskaźnik myszy. Kiedy przesuniemy wskaźnik
myszy w inne miejsce strony, tło zmieni się na niebieskie
Ten tekst NIGDY nie powinien być wyświetlony na czerwonym tle.
PK kBA3 r02/08-contains.html
Funkcja contains()
Ten tekst zostanie wyświetlony normalnie.
Ten tekst będzie miał niebieskie tło.
Ten tekst nie powinien być kolorowy.
PK mB'> r02/09-highlight-improved.html
Wyróżnianie pojedynczego słowa
Ten tekst zostanie wyświetlony normalnie.
Ten tekst zawiera jedno niebieskie słowo, lecz
nie zostanie wyświetlony na niebieskim tle.
Ten tekst NIE POWINIEN być kolorowy.
PK kB{a a r02/10-custom-selector.html
Selektory niestandardowe
Co trzeci element listy zostanie wyróżniony niebieskim tłem.
Jeden,
dwa,
trzy,
cztery,
pięć,
sześć,
siedem,
osiem,
dziewięć,
dziesię.
PK kBX r02/11-context.html
Wybór elementów w zakresie kontekstu
Ten element znajduje się poza kontekstem.
A zatem ten tekst nie zostanie zmodyfikowany.
Ten element stanowi kontekst operacji wyboru.
A zatem ten tekst będzie miał niebieskie tło.
PK kB{N r02/12-proxy.html
Zmiana obiektu this funkcji
Ten tekst zostały zmieniony, gdyby został użyty element
pośredniczący (proxy) wskazujący ten akapit.
PK nB r03/PK ;kBC
] r03/01-add-class.html
Funkcja addClass()
Po zmianie klasy ten tekst zostanie wyświetlony
w inny sposób. Kliknij go, aby wyświetlić go
większą czcionką.
Na tej stronie zostały umieszczone dwa akapity tekstu.
Pierwszy z nich jest widoczny zawsze, a drugi wyłącznie
jeśli przeglądarka obsługuje język JavaScript.
Ten akapit może być częścią witryny
wymagającej obsługi JavaScriptu, więc lepiej go ukryć,
gdy przeglądarka nie obsługuje tego języka.
PK 8kB~ r03/03-add-class-function.html
Przekazywanie funkcji jako argumentu wywołania addClass()
Po zmianie klasy zmieni się także wygląd
tego akapitu tekstu.
Po zmianie klasy zmieni się także wygląd
tego akapitu tekstu.
Po zmianie klasy zmieni się także wygląd
tego akapitu tekstu.
Wygląd tego akapitu nie ulegnie zmianie.
PK 6kBBR\ r03/04-change-attr-prop.html
Różnica pomiędzy funkcjami prop() i attr()
Zmiana przycisków opcji na pola wyboru
oraz zmiana właściwości HTML.
PK 4kBIݜ* * r03/05-inner-html.html
Funkcja html()
Kliknij przycisk, aby wyświetlić wcześniejszy kod HTML
w akapicie i zastąpić go nowym kodem HTML.
PK v\BWVH H r05/02a-test-values.json{
"name": "Adriaan de Jonge",
"email" : "adriaandejonge@gmail.com"
}PK pkB- - r05/03-ajax-load.html
Pobieranie kodu HTML przy użyciu funkcji load().
Kliknij przycisk, aby wykonać żądanie.
PK dBc; ; r05/03a-test-snippet.html
Witamy, to jest zawartość odrębnego pliku HTML.
PK kkB, , ! r05/04-ajax-done-fail-always.html
Funkcje done(), fail() oraz always()
PK ]kB\Uo r05/10-ajax-validate.html
Użycie funkcji serialize() do weryfikacji danych
na serwerze
Wypełnij pola, aby zobaczyć wyniki działania
skryptu.
PK [kB r05/11-ajax-xml.html
Pobieranie danych XML z serwera
Kliknij przycisk, aby wykonać żądanie.
PK Y
W?\߁ r05/11a-test-values.xml
Adriaan de Jongeadriaandejonge@gmail.com
PK WkBV
J J r05/12-ajax-events.html
Obsługa zdarzeń związanych z asynchronicznymi żądaniami
Kliknij przycisk, aby wykonać żądanie.
PK VkBTC r05/13-get-jsonp.html
JSONP
Kliknij przycisk, aby wykonać żądanie.
PK $B r06/PK B r06/01-draggable.html
jQuery UI - przeciąganie elementów
Można przeciągać wszystkie elementy widoczne na stronie
Kolejny akapit z pogrubionym fragmentem tekstu.
I kolejny nagłówek
A także lista
zawierająca dwa elementy.
PK kB9 9 r06/02-draggable.html
jQuery UI - przeciąganie elementów
Przeciągaj elementy w oknie przeglądarki.
Jeszcze więcej pogrubionego i normalnego tekstu.
I kolejny nagłówek
A także lista
zawierająca dwa elementy.
PK @pB}Z
r06/03-droppable.html
jQuery UI - upuszczanie elementów
Przeciągnij poniższy element SPAN do prostokąta.
To jest element SPAN.
Upuść element SPAN w tym obszarze.
PK kBs r06/04-sortable.html
jQuery UI - komponent sortowalny
PK MpB_ r06/05-selectable.html
jQuery UI - zaznaczanie elementów
Zaznaczaj elementy poniższej listy:
A oto i lista,
która zawiera kilka elementów
1
2
4
5
PK kBII& r06/05b-selectable-tree.html
jQuery UI - zaznaczanie elementów w drzewie
Zaznaczaj elementy poniższej struktury
Oto lista
zawierająca kilka elementów.
A niektóre z nich zawierają elementy podrzędne
Element podrzędny nr 1.
Element podrzędny nr 2.
I kolejna lista elementów podrzędnych:
Element podrzędny nr 4.
Element podrzędny nr 5.
PK |kBU!c c r06/06-resizable.html
jQuery UI - zmiana wielkości elementu
Spróbuj zmienić wielkość tego elementu div
Aby Ci pomóc, poniżej został umieszczony dłuższy
fragment tekstu. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Aenean porttitor elit
iaculis orci lacinia sollicitudin. Maecenas neque justo,
vestibulum vitae viverra at, tincidunt vitae nisi. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Suspendisse turpis erat, auctor eu posuere sit amet, tempor
at elit. Donec sodales, ante vitae luctus ultricies, sapien lectus
adipiscing lacus, non adipiscing felis mauris vel diam.