⊗jqPrIn 113 of 113 menu

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ą.

Znajdź wszystkie checkboxy na stronie i zablokuj parzyste ze znalezionych.

Ustaw wszystkim niezablokowanym checkboxom status 'zaznaczony'.

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).

Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć