Praktyk om die jQuery-biblioteek te oefen

Задание 1

Alle paragrawe p, binne-in welke daar 'n b-etiket is, vou in die div-etiket.

Задание 2

Vind alle paragrawe p met klas www, sit vir hulle aan die begin teks '!', voeg dan by hierdie paragrawe ook die opskrifte h1-h6 en verf hierdie paragrawe en opskrifte in rooi kleur.

Задание 3

Vind alle paragrawe p en vervang hulle met die div-etiket met dieselfde inhoud.

Задание 4

Vind alle merkblokkies op die bladsy en blokkeer die ewegetalle uit die gevindes.

Задание 5

Sit vir alle nie-geblokkeerde merkblokkies die status <a href="/af/markup/manual/html/attr/checked/">'gemerk'</a>.

Задание 6

Gegewe element #test. Sit vir sy onmiddellike buurman bo teks '!', en vir die buurman onder - teks '?'. Los die taak op met een ketting.

Задание 7

Gegewe element #test. Sit vir sy onmiddellike buurmanne bo en onder die teks van element #test.

Задание 8

Gegewe element #test. Vind onder sy buurmanne bo die naaste paragraaf en sit vir hom die teks van element #test.

Задание 9

Vind die tweede li op die bladsy, voeg vir hom die klas www by, vou hom binne-in met die i-etiket, voeg na hom li in met teks 'hallo'.

Задание 10

Vind die tiende li op die bladsy, vind sy ouer, kry die ouer se onmiddellike buurman bo, vou hom in <div class="www"></div>.

Задание 11

Voeg vir elke paragraaf p, behalwe paragrawe met die klas www, aan die einde sy volgordelyke nommer by.

Задание 12

Vind alle paragrawe p en sit voor elke paragraaf sy kopie. Verf die kopie in rooi kleur, en die oorspronklike paragraaf in groen.

Задание 13

Vind paragrawe p, wat staan onmiddellik onder h2 en skuif elke paragraaf sodat dit onmiddellik bo h2 kom te staan.

Задание 14

Vind alle leë paragrawe p (sonder teks) en voeg in hulle die teks van die onmiddellike buurman bo in.

Задание 15

Vir die ouer van die b-etiket, as dit 'n element met klas www of 'n paragraaf p is, sit rooi kleur en grootte van die teks op 30px.

Задание 16

Sit vir alle leë paragrawe p die teks van die naaste aan hulle bo h2-etiket.

Задание 17

Gegewe invoere met getalle. Maak so dat in die invoere die vierkante van hierdie getalle kom te staan.

Задание 18

Gegewe element #test. Sit vir hom aan die begin die teks van die onmiddellike buurman bo, en aan die einde - die teks van die onmiddellike buurman onder.

Задание 19

Gegewe element #test. Vind sy tweede buurman bo en sy tweede buurman onder. Maak so dat die gevinde elemente van teks ruil (buurman bo neem die teks van buurman onder en omgekeerd).

Задание 20

Gegewe element div. Kies uit hom al die onmiddellike afstammelinge, wat nie opskrifte is nie en verf hulle in rooi kleur.

Задание 21

Vind alle paragrawe p, verf hulle in rooi kleur. Kies dan uit die gevindes paragrawe met die klas www en sit vir hulle teks '!'.

Задание 22

Vind alle paragrawe p met klas www, verf hulle in rooi kleur. Kies dan uit die gevindes die eerste en sit vir hom teks '!', kies dan die laaste en vir hom sit teks '?'. Los die taak op met een ketting.

Задание 23

Vind alle paragrawe p, sit vir elkeen van hulle aan die einde dieselfde teks, wat binne-in hom staan (dit is, die teks in die paragraaf sal twee keer geskryf wees).

Задание 24

Vind alle paragrawe p, sit vir elkeen van hulle aan die einde sy volgordelyke nommer in die stel.

Задание 25

Gegewe paragrawe met getalle. Sit vir elkeen van hulle aan die einde die getal, wat in hom gestoor is, vermenigvuldig met sy volgordelyke nommer in die stel.

Задание 26

Met die klik op 'n paragraaf p verwyder sy onmiddellike buurmanne bo en onder.

Задание 27

Met die klik op 'n paragraaf p verwyder al sy buurmanne bo tot by die eerste opskrif h1-h6 (dit is, elemente wat bo hierdie opskrif staan en die opskrif self moet nie verwyder word nie).

Задание 28

Met die klik op 'n paragraaf p verwyder sy naaste onderste buurman met klas www.

Задание 29

Met die klik op 'n paragraaf p verwyder sy vyfde buurman onder.

Задание 30

Met die klik op 'n paragraaf p verwyder sy vyfde buurman onder, as dit nie 'n h2 is nie.

Задание 31

Met die klik op 'n paragraaf p verwyder sy vyfde buurman onder, as hierdie buurman nie binne-in hom 'n b-etiket het nie.

Задание 32

Met die klik op 'n paragraaf p verwyder sy vyfde buurman onder, as hierdie buurman nie onmiddellik na h2 staan nie.

Задание 33

Gegewe element #test. Ruil hierdie element om met sy onmiddellike buurman onder.

Задание 34

Gegewe element #test. Na sy onmiddellike buurman onder voeg die kopie van ons element in.

Задание 35

Gegewe element #test. Ruil hierdie element om met sy naaste buurman onder met klas www.

Задание 36

Vind alle paragrawe p, wat binne een ouer tussen een en ander h2 lê.

Задание 37

Vou elke paragraaf p buitekant en binnekant in div.

Задание 38

Vind alle paragrawe p, by wie die onmiddellike ouer nie div is nie en vou elkeen van hulle in <div class="www"></div>.

Задание 39

Vind alle paragrawe p. Verwyder hulle ouer (doen vir hom unwrap), as hierdie ouer nie div met klas www is nie. Dan vir daardie paragrawe, by wie die ouer verwyder was, vou in div met klas zzz.

Задание 40

Vind alle ouers van element #test en skep 'n skikking uit die CSS-klasse van hierdie ouers.

Задание 41

Vind alle paragrawe p, by wie daar is die kenmerk class, en elkeen van hulle vou in div met dieselfde klasse, soos by die gevinde paragraaf, en die klasse van elke paragraaf verwyder saam met die kenmerk class.

Задание 42

Vind alle paragrawe p uit #test, sit vir hulle aan die einde teks '!', sluit dan uit die gevindes paragrawe met klas www en vir die oorblywende sit rooi kleur.

Задание 43

Vind alle li op die bladsy, voeg dan voor die voorlaaste uit die gevindes in nog een li met teks 'punt'.

Задание 44

Vind alle li op die bladsy, kies dan uit die gevindes die tweede, derde en vierde van die einde en sit vir hulle teks '!'.

Задание 45

Vind ol met #test en plaas alle li daarin in omgekeerde volgorde.

Задание 46

Gegewe element #test. Vind al sy buurmanne bo en al sy buurmanne onder en ruil hulle van plek (dit is, alles wat voor die element staan, moet daarna kom en omgekeerd).

Задание 47

Kry alle li met klas www, maak vir hulle rooi kleur, vind dan uit die gevindes daardie li, by wie daar klas bbb is en verwyder hulle. Los alles op met een ketting.

Задание 48

Kry alle li op die bladsy. Ewegetalle uit die verkreges maak leeg, en onewegetalle verwyder.

Задание 49

Vind alle div-etikette en verdubbel hulle hoogte.

Задание 50

Vind die som van die hoogtes van alle div op die bladsy.

Задание 51

Vir element #test vind die naaste ouer met klas www, aan die einde van hierdie ouer voeg 'n paragraaf met teks '!' by.

Задание 52

Met die klik op element #test vind sy naaste ouer met klas www, binne hierdie ouer vind alle paragrawe en verf hulle in rooi kleur.

Задание 53

Verf die eerste 10 li op die bladsy in rooi kleur.

Задание 54

Verf van die 5-de tot die 10-de li op die bladsy in rooi kleur.

Задание 55

Vind die laaste 10 li op die bladsy, verf hulle in rooi kleur. Vind dan uit die gevindes die ewegetalle li en vou hulle binne-in in die b-etiket.

Задание 56

Op die bladsy is daar merkblokkies. Tel hoeveel van hulle gemerk is.

Задание 57

Gegewe 5 merkblokkies. Maak so dat nadat die gebruiker twee van hulle gemerk het, alle merkblokkies geblokkeer word.

Задание 58

Maak so dat alle gemerkte merkblokkies hulle toestand na ongemark verander en omgekeerd.

Задание 59

Gegewe invoer. Skuif die inhoud van die kenmerk value na die kenmerk placeholder, en die kenmerk value verwyder heeltemal.

Задание 60

Gegewe skakel. As die kenmerk href begin met http://, voeg by die skakel die kenmerk target="_blank" by.

Задание 61

Gegewe invoer, waarin 'n getal ingevoer kan word. Maak so dat met die invoer van 'n getal in hierdie invoer en die verlies van fokus op die bladsy gesoek word na 'n merkblokkie met so 'n nommer en dit gemerk word, en die ander merkblokkies ongemark word.

Задание 62

Gegewe keuselys en radio knoppies, die hoeveelheid radio is gelyk aan die hoeveelheid items in die keuselys. Maak so dat met die keuse van 'n item in die keuselys outomaties die ooreenstemmende radio knoppie gemerk word (ooreenkoms volgens die volgnommer: eerste item van die lys - eerste radio en so aan).