Практыка на адпрацоўку бібліятэкі jQuery
Усе абзацы p, унутры якіх
ёсць тэг b, абгарніце
ў тэг div.
Знайдзіце ўсе абзацы p з класам
www, пастаўце ім у пачатак тэкст
'!', затым дадайце да гэтых абзацаў
яшчэ і загалоўкі h1-h6 і
афарбуйце гэтыя абзацы і загалоўкі ў чырвоны
колер.
Знайдзіце ўсе абзацы p і замяніце іх
на тэг div з такім жа зместам.
Знайдзіце ўсе чэкбоксы на старонцы і заблакуйце цотныя з знойдзеных.
Пастаўце ўсім
незаблакаваным
чэкбоксам
статус <a href="/by/markup/manual/html/attr/checked/">'адзначаны'</a>.
Дадзены элемент #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".
Дадзены інпут, у які можна ўвесці лік. Зрабіце так, каб пры ўводзе ліку ў гэты інпут і страты фокусу на старонцы шукаўся чэкбокс з такім нумарам і станавіўся адзначаным, а астатнія чэкбоксы станавіліся неадзначанымі.
Дадзены селект і радыё кнопачкі, колькасць радыё роўная колькасці пунктаў у селекце. Зрабіце так, каб пры выбары пункта ў селекце аўтаматычна станавілася адзначанай адпаведная радыё кнопачка (адпаведнасць па нумары следвання: першы пункт спісу - першаму радыё і гэтак далей).