Практика върху библиотеката 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".

Даден е инпут, в който може да се въведе число. Направете така, че при въвеждане на число в този инпут и загуба на фокус на страницата да се търси чекбокс с такъв номер и да става отметнат, а останалите чекбокси да стават неотметнати.

Даден е селект и радио бутони, броят на радио бутоните е равен на броя на пунктовете в селекта. Направете така, че при избор на пункт в селекта автоматично да става отметнат съответстващия радио бутон (съответствие по номер на подредба: първи пункт от списъка - на първия радио бутон и така нататък).