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 <a href="/sv/markup/manual/html/attr/checked/">'markerad'</a>.
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).