Praktik för att träna på biblioteket jQuery

Alla stycken p inuti vilka finns taggen b, sätt in i taggen div.

Hitta alla stycken p med klassen www, sätt texten '!' i början på dem, lägg sedan till dessa stycken även rubriker h1-h6 och färga dessa stycken och rubriker i röd färg.

Hitta alla stycken p och ersätt dem med taggen div med samma innehåll.

Hitta alla kryssrutor på sidan och lås de jämna av de hittade.

Sätt åt alla olåsta kryssrutor statusen 'markerad'.

Given element #test. Sätt åt dess omedelbara grannen ovanför texten '!', och åt grannen nedanför - texten '?'. Lös uppgiften med en kedja.

Given element #test. Sätt åt dess omedelbara grannar ovanför och nedanför elementets #test text.

Given element #test. Hitta bland dess grannar ovanför den närmaste stycket och sätt åt det elementets #test text.

Hitta den andra li på sidan, lägg till klassen www till den, sätt in den inuti med taggen i, sätt in efter den li med texten 'hej'.

Hitta den tionde li på sidan, hitta dess förälder, få den omedelbara grannen till föräldern ovanför, sätt in den i <div class="www"></div>.

Varje stycke p, förutom stycken med klassen www, lägg till i slutet dess ordningsnummer.

Hitta alla stycken p och sätt framför varje stycke dess kopia. Färga kopian i röd färg, och det ursprungliga stycket i grön.

Hitta stycken p som står omedelbart under h2 och flytta varje stycke så att det hamnar omedelbart ovanför h2.

Hitta alla tomma stycken p (utan text) och sätt in i dem texten från den omedelbara grannen ovanför.

Förälder till taggen b, om det är ett element med klassen www eller ett stycke p, sätt röd färg och textstorlek till 30px.

Åt alla tomma stycken p sätt texten från den närmaste till dem ovanför taggen h2.

Givna inmatningsfält med tal. Gör så att i inmatningsfälten blir kvadraterna på dessa tal.

Given element #test. Sätt i början texten från den omedelbara grannen ovanför, och i slutet - texten från den omedelbara grannen nedanför.

Given element #test. Hitta dess andra granne ovanför och dess andra granne nedanför. Gör så att de hittade elementen byter text (grannen ovanför tar texten från grannen nedanför och vice versa).

Given element div. Välj ur det alla omedelbara barn, som inte är rubriker och färga dem i röd färg.

Hitta alla stycken p, färga dem i röd färg. Välj sedan bland de hittade styckena stycken med klassen www och sätt åt dem texten '!'.

Hitta alla stycken p med klassen www, färga dem i röd färg. Välj sedan bland de hittade styckena det första och sätt åt det texten '!', välj sedan det sista och åt det sätt texten '?'. Lös uppgiften med en kedja.

Hitta alla stycken p, sätt åt var och en av dem i slutet samma text, som står inuti det (det vill säga texten i stycket kommer att skrivas två gånger).

Hitta alla stycken p, sätt åt var och en av dem i slutet dess ordningsnummer i uppsättningen.

Givna stycken med tal. Sätt åt var och en av dem i slutet talet, som finns i det, multiplicerat med dess ordningsnummer i uppsättningen.

Vid klick på ett stycke p ta bort dess omedelbara grannar ovanför och nedanför.

Vid klick på ett stycke p ta bort alla dess grannar ovanför till den första rubriken h1-h6 (det vill säga element som står ovanför denna rubrik och själva rubriken ska inte tas bort).

Vid klick på ett stycke p ta bort dess närmaste nedre granne med klassen www.

Vid klick på ett stycke p ta bort dess femte granne nedanför.

Vid klick på ett stycke p ta bort dess femte granne nedanför, om det inte är h2.

Vid klick på ett stycke p ta bort dess femte granne nedanför, om denna granne inte har inuti sig taggen b.

Vid klick på ett stycke p ta bort dess femte granne nedanför, om denna granne inte står omedelbart efter h2.

Given element #test. Byt detta element plats med dess omedelbara grannen nedanför.

Given element #test. Efter dess omedelbara granne nedanför sätt in kopia av vårt element.

Given element #test. Byt detta element plats med dess närmaste granne nedanför med klassen www.

Hitta alla stycken p, som inuti en förälder ligger mellan en och annan h2.

Sätt in varje stycke p utvändigt och invändigt i div.

Hitta alla stycken p, vars omedelbara förälder inte är div och sätt in var och en av dem i <div class="www"></div>.

Hitta alla stycken p. Ta bort deras förälder (gör unwrap på den), om denna förälder inte är div med klassen www. Sedan för de stycken, vars förälder togs bort, sätt in i div med klassen zzz.

Hitta alla föräldrar till elementet #test och skapa en array från CSS-klasserna för dessa föräldrar.

Hitta alla stycken p, som har attributet class, och sätt in var och en av dem i div med samma klasser, som det hittade stycket har, och klasserna för varje stycke ta bort tillsammans med attributet class.

Hitta alla stycken p från #test, sätt åt dem i slutet texten '!', exkludera sedan från de hittade styckena med klassen www och åt de kvarvarande sätt röd färg.

Hitta alla li på sidan, sätt sedan in före den näst sista av de hittade ännu en li med texten 'punkt'.

Hitta alla li på sidan, välj sedan bland de hittade den andra, tredje och fjärde från slutet och sätt åt dem texten '!'.

Hitta ol med #test och ändra ordning på alla li i den i omvänd ordning.

Given element #test. Hitta alla dess grannar ovanför och alla dess grannar nedanför och byt plats på dem (det vill säga allt som står före elementet, ska hamna efter det och vice versa).

Få alla li med klassen www, gör röd färg åt dem, sedan hitta bland de hittade de li, som har klassen bbb och ta bort dem. Lös allt med en kedja.

Få alla li på sidan. De jämna av de erhållna gör tomma, och de ojämna ta bort.

Hitta alla taggar div och dubbla deras höjd.

Hitta summan av höjderna för alla div på sidan.

För elementet #test hitta den närmaste föräldern med klassen www, i slutet av denna förälder lägg till ett stycke med texten '!'.

Vid klick på elementet #test hitta dess närmaste förälder med klassen www, inuti denna förälder hitta alla stycken och färga dem i röd färg.

Färga de första 10 li på sidan i röd färg.

Färga från 5:te till 10:e li på sidan i röd färg.

Hitta de sista 10 li på sidan, färga dem i röd färg. Välj sedan bland de hittade de jämna li och sätt in dem inuti i taggen b.

På sidan givna kryssrutor. Räkna ut hur många av dem som är markerade.

Givna 5 kryssrutor. Gör så att efter att användaren markerat två av dem, alla kryssrutor låses.

Gör så att alla markerade kryssrutor byter sitt tillstånd till omarkerat och vice versa.

Givet inmatningsfält. Flytta innehållet i attributet value till attributet placeholder, och själva attributet value ta bort helt.

Given länk. Om attributet href börjar på http://, lägg till länken attributet target="_blank".

Givet inmatningsfält, i vilket ett tal kan skrivas in. Gör så att vid inmatning av ett tal i detta fält och förlust av fokus på sidan söks kryssruta med sådant nummer och blir markerad, och de övriga kryssrutorna blir omarkerade.

Givet urvalslista och radioknappar, antalet radioknappar är lika med antalet val i urvalslistan. Gör så att vid val av ett alternativ i urvalslistan automatiskt blir markerad motsvarande radioknapp (överensstämmelse efter följdningsnummer: första alternativet i listan - första radioknappen och så vidare).