Практыка на адпрацоўку бібліятэкі jQuery

Усе абзацы p, унутры якіх ёсць тэг b, абгарніце ў тэг div.

Знайдзіце ўсе абзацы p з класам www, пастаўце ім у пачатак тэкст '!', затым дадайце да гэтых абзацаў яшчэ і загалоўкі h1-h6 і афарбуйце гэтыя абзацы і загалоўкі ў чырвоны колер.

Знайдзіце ўсе абзацы p і замяніце іх на тэг div з такім жа зместам.

Знайдзіце ўсе чэкбоксы на старонцы і заблакуйце цотныя з знойдзеных.

Пастаўце ўсім незаблакаваным чэкбоксам статус 'адзначаны'.

Дадзены элемент #test. Пастаўце яго непасрэднаму суседу зверху тэкст '!', а суседу знізу - тэкст '?'. Вырашыце задачу адной ланцужком.

Дадзены элемент #test. Пастаўце яго непасрэдным суседам зверху і знізу тэкст элемента #test.

Дадзены элемент #test. Знайдзіце сярод яго суседзяў зверху бліжэйшы абзац і пастаўце яму тэкст элемента #test.

Знайдзіце другі li на старонцы, дадайце яму клас www, абгарніце яго ўнутры тэгам i, устаўце пасля яго li з тэкстам 'прывітанне'.

Знайдзіце дзясяты li на старонцы, знайдзіце яго бацьку, атрымайце непасрэднага суседа бацькі зверху, абгарніце яго ў <div class="www"></div>.

Кожнаму абзацу p, акрамя абзацаў з класам www, дадайце ў канец яго парадкавы нумар.

Знайдзіце ўсе абзацы p і пастаўце перад кожным абзацам яго копію. Копію афарбуйце ў чырвоны колер, а зыходны абзац у зялёны.

Знайдзіце абзацы p, якія стаяць непасрэдна пад h2 і перамясціце кожны абзац так, каб ён стаў непасрэдна над h2.

Знайдзіце ўсе пустыя абзацы p (без тэксту) і ўстаўце ў іх тэкст непасрэднага суседа зверху.

Бацьку тэга b, калі гэта элемент з класам www або абзац p, пастаўце чырвоны колер і памер тэксту ў 30px.

Усім пустым абзацам p пастаўце тэкст бліжэйшага да іх зверху тэга h2.

Дадзеныя інпуты з лікамі. Зрабіце так, каб у інпутах сталі квадраты гэтых лікаў.

Дадзены элемент #test. Пастаўце яму ў пачатак тэкст непасрэднага суседа зверху, а ў канец - тэкст непасрэднага суседа знізу.

Дадзены элемент #test. Знайдзіце яго другога суседа зверху і яго другога суседа знізу. Зрабіце так, каб знойдзеныя элементы абмяняліся тэкстам (сусед зверху возьме тэкст суседа знізу і наадварот).

Дадзены элемент div. Выберыце з яго ўсіх непасрэдных нашчадкаў, якія не з'яўляюцца загалоўкамі і афарбуйце іх у чырвоны колер.

Знайдзіце ўсе абзацы p, афарбуйце іх у чырвоны колер. Затым выберыце сярод знойдзеных абзацы абзацы з класам www і пастаўце ім тэкст '!'.

Знайдзіце ўсе абзацы p з класам www, афарбуйце іх у чырвоны колер. Затым выберыце сярод знойдзеных абзацаў першы і пастаўце яму тэкст '!', затым выберыце апошні і яму пастаўце тэкст '?'. Вырашыце задачу адной ланцужком.

Знайдзіце ўсе абзацы p, пастаўце кожнаму з іх у канец той жа тэкст, які стаіць унутры яго (гэта значыць тэкст у абзацы стане напісаны два разы).

Знайдзіце ўсе абзацы p, пастаўце кожнаму з іх у канец яго парадкавы нумар у наборы.

Дадзеныя абзацы з лікамі. Пастаўце кожнаму з іх у канец лік, якое ў ім захоўваецца, памножанае на яго парадкавы нумар у наборы.

Па націску на абзац p выдаліце яго непасрэдных суседзяў зверху і знізу.

Па націску на абзац p выдаліце ўсіх яго суседзяў зверху да першага загалоўка h1-h6 (гэта значыць элементы, якія стаяць вышэй гэтага загалоўка і сам загаловак выдаляць не трэба).

Па націску на абзац p выдаліце яго бліжэйшага ніжняга суседа з класам www.

Па націску на абзац p выдаліце яго пятага суседа знізу.

Па націску на абзац p выдаліте яго пятага суседа знізу, калі гэта не h2.

Па націску на абзац p выдаліце яго пятага суседа знізу, калі гэты сусед не мае ўнутры сябе тэга b.

Па націску на абзац p выдаліце яго пятага суседа знізу, калі гэты сусед не стаіць непасрэдна пасля h2.

Дадзены элемент #test. Памяняйце гэты элемент месцамі з яго непасрэдным суседам знізу.

Дадзены элемент #test. Пасля яго непасрэднага суседа знізу ўстаўце копію нашага элемента.

Дадзены элемент #test. Памяняйце гэты элемент месцамі з яго бліжэйшым суседам знізу з класам www.

Знайдзіце ўсе абзацы p, якія ўнутры аднаго бацькі ляжаць паміж адным і другім h2.

Абгарніце кожны абзац p звонку і ўнутры ў div.

Знайдзіце ўсе абзацы p, у якіх непасрэдны бацька не div і абгарніце кожны з іх у <div class="www"></div>.

Знайдзіце ўсе абзацы p. Выдаліце іх бацьку (зрабіце яму unwrap), калі гэты бацька не div з класам www. Затым для тыя абзацы, у якіх быў выдалены бацька, абгарніце ў div з класам zzz.

Знайдзіце ўсіх бацькоў элемента #test і стварыце масіў з CSS класаў гэтых бацькоў.

Знайдзіце ўсе абзацы p, у якіх ёсць атрыбут class, і кожны з іх абгарніце ў div з тымі ж класамі, як у знойдзенага абзаца, а класы кожнага абзаца выдаліце разам з атрыбутам class.

Знайдзіце ўсе абзацы p з #test, пастаўце ім у канец тэкст '!', затым выключыце з знойдзеных абзацы з класам www і якія засталіся пастаўце чырвоны колер.

Знайдзіце ўсе li на старонцы, затым перад перадапошнім з знойдзеных устаўце яшчэ адзін li з тэкстам 'пункт'.

Знайдзіце ўсе li на старонцы, затым выберыце сярод знойдзеных другі, трэці і чацвёрты з канца і пастаўце ім тэкст '!'.

Знайдзіце ol з #test і перастаўце ўсе li у ім у адваротным парадку.

Дадзены элемент #test. Знайдзіце ўсіх яго суседзяў зверху і ўсіх яго суседзяў знізу і памяняйце іх месцамі (гэта значыць усё, што стаіць да элемента, павінна стаць пасля яго і наадварот).

Атрымайце ўсе li з класам www, зрабіце ім чырвоны колер, затым знайдзіце сярод знойдзеных тыя li, у якіх ёсць клас bbb і выдаліце іх. Вырашыце ўсё адной ланцужком.

Атрымайце ўсе li на старонцы. Цотныя з атрыманых зрабіце пустымі, а няцотныя выдаліце.

Знайдзіце ўсе тэгі div і падвоіце іх вышыню.

Знайдзіце суму вышынь усіх div на старонцы.

Для элемента #test знайдзіце бліжэйшага бацьку з класам www, у канец гэтага бацькі дадайце абзац з тэкстам '!'.

Па націску на элемент #test знайдзіце яго бліжэйшага бацьку з класам www, унутры гэтага бацькі знайдзіце ўсе абзацы і афарбуйце іх у чырвоны колер.

Афарбуйце першыя 10 li на старонцы ў чырвоны колер.

Афарбуйце з 5-тай па 10-ю li на старонцы ў чырвоны колер.

Знайдзіце апошнія 10 li на старонцы, афарбуйце іх у чырвоны колер. Затым з знойдзеных знайдзіце цотныя li і абгарніце іх унутры ў тэг b.

На старонцы дадзеныя чэкбоксы. Падлічыце, колькі з іх адзначаны.

Дадзена 5 чэкбоксаў. Зрабіце так, каб пасля таго, як карыстальнік адзначыў два з іх, усе чэкбоксы заблакаваліся.

Зрабіце так, каб усе адзначаныя чэкбоксы змянілі свой стан на неадзначаны і наадварот.

Дадзены інпут. Перамясціце змесціва атрыбута value у атрыбут placeholder, а сам атрыбут value выдаліце наогул.

Дадзеная спасылка. Калі атрыбут href пачынаецца на http://, дадайце спасылцы атрыбут target="_blank".

Дадзены інпут, у які можна ўвесці лік. Зрабіце так, каб пры ўводзе ліку ў гэты інпут і страты фокусу на старонцы шукаўся чэкбокс з такім нумарам і станавіўся адзначаным, а астатнія чэкбоксы станавіліся неадзначанымі.

Дадзены селект і радыё кнопачкі, колькасць радыё роўная колькасці пунктаў у селекце. Зрабіце так, каб пры выбары пункта ў селекце аўтаматычна станавілася адзначанай адпаведная радыё кнопачка (адпаведнасць па нумары следвання: першы пункт спісу - першаму радыё і гэтак далей).