Практика за работа со библиотека 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".

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

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