Praktyka z biblioteką jQuery
Wszystkie akapity p, wewnątrz których
znajduje się znacznik b, zawiń
w znacznik div.
Znajdź wszystkie akapity p z klasą
www, ustaw im na początku tekst
'!', następnie dodaj do tych akapitów
również nagłówki h1-h6 i
pomaluj te akapity i nagłówki na czerwony
kolor.
Znajdź wszystkie akapity p i zamień je
na znacznik div z tą samą zawartością.
Ustaw wszystkim
niezablokowanym
checkboxom
status <a href="/pl/markup/manual/html/attr/checked/">'zaznaczony'</a>.
Dany jest element #test. Ustaw jego bezpośredniemu
sąsiadowi z góry tekst '!', a sąsiadowi
z dołu - tekst '?'. Rozwiąż zadanie jednym
łańcuchem.
Dany jest element #test. Ustaw jego bezpośrednim
sąsiadom z góry i z dołu tekst elementu #test.
Dany jest element #test. Znajdź wśród jego sąsiadów z góry
najbliższy akapit i ustaw mu tekst elementu
#test.
Znajdź drugi li na stronie,
dodaj mu klasę www, zawiń
go wewnątrz znacznikiem i, wstaw po
nim li z tekstem 'cześć'.
Znajdź dziesiąty li na stronie,
znajdź jego rodzica, uzyskaj bezpośredniego
sąsiada rodzica z góry, zawiń go w
<div class="www"></div>.
Każdemu akapitowi p, oprócz akapitów
z klasą www, dodaj na końcu jego
kolejny numer.
Znajdź wszystkie akapity p i ustaw
przed każdym akapitem jego kopię. Kopię pomaluj
na czerwony kolor, a oryginalny akapit na zielony.
Znajdź akapity p, które stoją
bezpośrednio pod h2
i przenieś każdy akapit tak, aby
stanął bezpośrednio nad h2.
Znajdź wszystkie puste akapity p
(bez tekstu) i wstaw w nich tekst
bezpośredniego sąsiada z góry.
Rodzicowi znacznika b, jeśli jest to
element z klasą www lub akapit
p, ustaw czerwony kolor i
rozmiar
tekstu na 30px.
Wszystkim pustym akapitom p ustaw
tekst najbliższego do nich z góry znacznika h2.
Dane są inputy z liczbami. Spraw, aby w inputach znalazły się kwadraty tych liczb.
Dany jest element #test. Ustaw mu na początku tekst
bezpośredniego sąsiada z góry, a na końcu
- tekst bezpośredniego sąsiada z dołu.
Dany jest element #test. Znajdź jego drugiego sąsiada
z góry i jego drugiego sąsiada z dołu. Spraw,
aby znalezione elementy zamieniły się
tekstami (sąsiad z góry weźmie tekst sąsiada
z dołu i na odwrót).
Dany jest element div. Wybierz
z niego wszystkich bezpośrednich potomków, którzy
nie są nagłówkami i pomaluj ich na
czerwony kolor.
Znajdź wszystkie akapity p, pomaluj
je na czerwony kolor. Następnie wybierz spośród znalezionych
akapitów akapity z klasą www i ustaw
im tekst '!'.
Znajdź wszystkie akapity p z klasą
www, pomaluj je na czerwony kolor.
Następnie wybierz spośród znalezionych akapitów pierwszy
i ustaw mu tekst '!', następnie wybierz
ostatni i jemu ustaw tekst '?'.
Rozwiąż zadanie jednym łańcuchem.
Znajdź wszystkie akapity p, ustaw
każdemu z nich na końcu ten sam tekst, który
znajduje się w nim (czyli tekst w akapicie
będzie zapisany dwa razy).
Znajdź wszystkie akapity p, ustaw
każdemu z nich na końcu jego kolejny numer
w zbiorze.
Dane są akapity z liczbami. Ustaw każdemu z nich na końcu liczbę, która w nim jest zapisana, pomnożoną przez jego kolejny numer w zbiorze.
Po kliknięciu na akapit p usuń
jego bezpośrednich sąsiadów z góry i z dołu.
Po kliknięciu na akapit p usuń
wszystkich jego sąsiadów z góry do pierwszego nagłówka
h1-h6 (czyli elementy, stojące
powyżej tego nagłówka i sam nagłówek
usuwać nie trzeba).
Po kliknięciu na akapit p usuń
jego najbliższego dolnego sąsiada z
klasą www.
Po kliknięciu na akapit p usuń
jego piątego sąsiada z dołu.
Po kliknięciu na akapit p usuń
jego piątego sąsiada z dołu, jeśli to nie jest
h2.
Po kliknięciu na akapit p usuń
jego piątego sąsiada z dołu, jeśli ten sąsiad
nie ma wewnątrz siebie znacznika b.
Po kliknięciu na akapit p usuń
jego piątego sąsiada z dołu, jeśli ten sąsiad
nie stoi bezpośrednio po h2.
Dany jest element #test. Zamień ten
element miejscami z jego bezpośrednim
sąsiadem z dołu.
Dany jest element #test. Po jego
bezpośrednim sąsiedzie z dołu wstaw
kopię naszego elementu.
Dany jest element #test. Zamień ten
element miejscami z jego najbliższym sąsiadem
z dołu z klasą www.
Znajdź wszystkie akapity p, które
wewnątrz jednego rodzica leżą między jednym
a drugim h2.
Zawiń każdy akapit p na zewnątrz
i wewnątrz w div.
Znajdź wszystkie akapity p, u
których bezpośredni rodzic to nie div
i zawiń każdy z nich w <div class="www"></div>.
Znajdź wszystkie akapity p. Usuń
ich rodzica (zrób mu unwrap),
jeśli ten rodzic to nie div z klasą
www. Następnie te akapity, u których
był usunięty rodzic, zawiń w div
z klasą zzz.
Znajdź wszystkich rodziców elementu #test
i utwórz tablicę z klasami CSS tych rodziców.
Znajdź wszystkie akapity p, które mają
atrybut class, i każdy z nich
zawiń w div z tymi samymi klasami,
jak u znalezionego akapitu, a klasy każdego
akapitu usuń razem z atrybutem class.
Znajdź wszystkie akapity p z
#test, ustaw im na końcu tekst
'!', następnie wyklucz ze znalezionych
akapity z klasą www i pozostałym
ustaw czerwony kolor.
Znajdź wszystkie li na stronie,
następnie przed przedostatnim ze znalezionych wstaw
jeszcze jeden li z tekstem 'punkt'.
Znajdź wszystkie li na stronie,
następnie wybierz spośród znalezionych drugi, trzeci
i czwarty od końca i ustaw im tekst
'!'.
Znajdź ol z #test
i przestaw wszystkie li
w nim w odwrotnej kolejności.
Dany jest element #test. Znajdź wszystkich jego
sąsiadów z góry i wszystkich jego sąsiadów z dołu i
zamień ich miejscami (czyli wszystko, co stoi
przed elementem, powinno znaleźć się po nim i na odwrót).
Pobierz wszystkie li z klasą
www, ustaw im czerwony kolor, następnie
znajdź spośród znalezionych te li,
które mają klasę bbb i usuń
je. Rozwiąż wszystko jednym łańcuchem.
Pobierz wszystkie li na stronie. Parzyste
z otrzymanych uczynij pustymi, a
nieparzyste usuń.
Znajdź wszystkie znaczniki div i podwój
im wysokość.
Znajdź sumę wysokości wszystkich div
na stronie.
Dla elementu #test znajdź najbliższego
rodzica z klasą www, na koniec tego
rodzica dodaj akapit z tekstem '!'.
Po kliknięciu na element #test znajdź jego
najbliższego rodzica z klasą www, wewnątrz
tego rodzica znajdź wszystkie akapity i pomaluj je
na czerwony kolor.
Pomaluj pierwsze 10 li
na stronie na czerwony kolor.
Pomaluj od 5-tego do 10-tego li
na stronie na czerwony kolor.
Znajdź ostatnie 10 li
na stronie, pomaluj je na czerwony
kolor. Następnie ze znalezionych znajdź parzyste li
i zawiń je wewnątrz w znacznik b.
Na stronie dane są checkboxy. Policz, ile z nich jest zaznaczonych.
Dane jest 5
checkboxów.
Spraw, aby po tym, jak użytkownik
zaznaczył dwa z nich, wszystkie checkboxy
zablokowały się.
Spraw, aby wszystkie zaznaczone checkboxy zmieniły swój stan na niezaznaczony i na odwrót.
Dany jest input.
Przenieś zawartość atrybutu value do atrybutu
placeholder,
a sam atrybut value usuń całkowicie.
Dana jest link.
Jeśli atrybut href zaczyna się od http://,
dodaj linkowi atrybut target="_blank".
Dany jest input, do którego można wprowadzić liczbę. Spraw, aby po wprowadzeniu liczby do tego inputa i utracie fokusu na stronie wyszukiwał się checkbox z takim numerem i stawał się zaznaczony, a pozostałe checkboxy stawały się niezaznaczone.
Dany jest select i przyciski radio, liczba przycisków radio równa się liczbie punktów w selekcie. Spraw, aby po wyborze punktu w selekcie automatycznie stawał się zaznaczony odpowiadający przycisk radio (odpowiedniość według numeru kolejności: pierwszy punkt listy - pierwszemu radio i tak dalej).