jQuery kitabxanasının məşq üçün praktikası

Daxilində b teqi olan bütün abzasları p, div teqinin içinə alın.

www sinfi olan bütün abzasları p tapın, onların əvvəlinə '!' mətnini qoyun, sonra bu abzalara h1-h6 başlıqlarını da əlavə edin və bu abzasları və başlıqları qırmızı rəngə boyayın.

Bütün abzasları p tapın və onları eyni məzmunu olan div teqi ilə əvəz edin.

Səhifədəki bütün çekboksları tapın və tapılanların cüt olanlarını bloklayın.

Səhifədəki bütün bloklanmamış çekbokslara 'qeyd edildi' statusunu verin.

#test elementi verilib. Onun birbaşa yuxarı qonşusuna '!' mətnini, aşağı qonşusuna isə '?' mətnini qoyun. Tapşırığı bir zəncirlə həll edin.

#test elementi verilib. Onun birbaşa yuxarı və aşağı qonşularına #test elementinin mətnini qoyun.

#test elementi verilib. Onun yuxarı qonşuları arasında ən yaxın abzası tapın və ona #test elementinin mətnini qoyun.

Səhifədəki ikinci li tapın, ona www sinfini əlavə edin, onu daxildən i teqi ilə əhatə edin, ondan sonra mətni 'salam' olan li əlavə edin.

Səhifədəki onuncu li tapın, onun valideynini tapın, valideynin birbaşa yuxarı qonşusunu əldə edin, onu <div class="www"></div> içərisində əhatə edin.

www sinfi olmayan abzalar istisna olmaqla, hər bir abzasın p sonuna onun sıra nömrəsini əlavə edin.

Bütün abzasları p tapın və hər abzasın qarşısına onun surətini qoyun. Surəti qırmızı rəngə, original abzası isə yaşıl rəngə boyayın.

h2 altında birbaşa duran abzasları p tapın və hər abzası elə köçürün ki, o h2 üzərində birbaşa dursun.

Bütün boş abzasları p (mətnsiz) tapın və onların içinə birbaşa yuxarı qonşunun mətnini daxil edin.

b teqinin valideyninə, əgər bu www sinifli element və ya abzas p-dirsə, qırmızı rəng və mətn ölçüsünü 30px olaraq təyin edin.

Bütün boş abzaslara p onlara ən yaxın yuxarıdakı h2 teqinin mətnini qoyun.

Rəqəmləri olan inputlar verilib. Elə edin ki, inputlarda bu rəqəmlərin kvadratları olsun.

#test elementi verilib. Onun əvvəlinə birbaşa yuxarı qonşunun mətnini, sonuna isə birbaşa aşağı qonşunun mətnini qoyun.

#test elementi verilib. Onun yuxarıdakı ikinci qonşusunu və aşağıdakı ikinci qonşusunu tapın. Tapılmış elementlərin mətnlərini dəyişdirmələrini təmin edin (yuxarı qonşu aşağı qonşunun mətnini, aşağı qonşu isə yuxarı qonşunun mətnini götürsün).

div teqi verilib. Ondan başlıq olmayan bütün birbaşa övladlarını seçin və onları qırmızı rəngə boyayın.

Bütün abzasları p tapın, onları qırmızı rəngə boyayın. Sonra tapılan abzaslar arasından www sinifli abzasları seçin və onlara '!' mətnini qoyun.

www sinifli bütün abzasları p tapın, onları qırmızı rəngə boyayın. Sonra tapılan abzaslar arasından birincini seçin və ona '!' mətnini qoyun, sonra sonuncunu seçin və ona '?' mətnini qoyun. Tapşırığı bir zəncirlə həll edin.

Bütün abzasları p tapın, hər birinin sonuna içinə qoyulmuş eyni mətni qoyun (yəni abzasdakı mətn iki dəfə yazılmış olacaq).

Bütün abzasları p tapın, hər birinin sonuna onun dəstdəki sıra nömrəsini qoyun.

Rəqəmləri olan abzalar verilib. Hər birinin sonuna onun içinə qoyulmuş rəqəmi, dəstdəki sıra nömrəsinə vurulmuş halda qoyun.

p abzasına kliklədikdə onun birbaşa yuxarı və aşağı qonşularını silin.

p abzasına kliklədikdə onun yuxarı qonşularının hamısını ilk h1-h6 başlığına qədər silin (yəni həmin başlığın üzərində duran elementləri və başlığın özünü silmək lazım deyil).

p abzasına kliklədikdə onun ən yaxın aşağı www sinifli qonşusunu silin.

p abzasına kliklədikdə onun aşağıdan beşinci qonşusunu silin.

p abzasına kliklədikdə onun aşağıdan beşinci qonşusunu silin, əgər bu h2 deyilsə.

p abzasına kliklədikdə onun aşağıdan beşinci qonşusunu silin, əgər bu qonşunun içinə b teqi yoxdursa.

p abzasına kliklədikdə onun aşağıdan beşinci qonşusunu silin, əgər bu qonşu h2-dən birbaşa sonra durmursa.

#test elementi verilib. Bu elementi onun birbaşa aşağı qonşusu ilə yerlərini dəyişin.

#test elementi verilib. Onun birbaşa aşağı qonşusundan sonra bizim elementin surətini daxil edin.

#test elementi verilib. Bu elementi onun ən yaxın aşağı www sinifli qonşusu ilə yerlərini dəyişin.

Bütün abzasları p tapın, hansılar ki eyni valideyn daxilində bir h2 ilə digəri arasında yerləşir.

Hər bir abzası p xaricdən və daxildən div içərisində əhatə edin.

Bütün abzasları p tapın, hansılar ki onların birbaşa valideyni div deyil və hər birini <div class="www"></div> içərisində əhatə edin.

Bütün abzasları p tapın. Onların valideynini silin (ona unwrap edin), əgər bu valideyn www sinifli div deyilsə. Sonra valideyni silinmiş abzasları zzz sinifli div içərisində əhatə edin.

#test elementinin bütün valideynlərini tapın və bu valideynlərin CSS siniflərindən ibarət massiv yaradın.

class atributu olan bütün abzasları p tapın və hər birini tapılmış abzasın sinifləri kimi eyni sinifləri olan div içərisində əhatə edin, hər abzasın siniflərini isə class atributu ilə birlikdə silin.

#test daxilindəki bütün abzasları p tapın, onların sonuna '!' mətnini qoyun, sonra tapılan abzaslar arasından www sinifli abzasları istisna edin və qalanlara qırmızı rəng verin.

Səhifədəki bütün li tapın, sonra tapılanların sondan əvvəlki qarşısına mətni 'bənd' olan başqa li əlavə edin.

Səhifədəki bütün li tapın, sonra tapılanlar arasından sondan ikinci, üçüncü və dördüncü olanları seçin və onlara '!' mətnini qoyun.

#test olan ol tapın və onun daxilindəki bütün li-ləri tərs qaydada düzün.

#test elementi verilib. Onun bütün yuxarı qonşularını və bütün aşağı qonşularını tapın və onların yerlərini dəyişin (yəni elementdən əvvəl duran hər şey ondan sonra, ondan sonra duran hər şey isə əvvələ keçsin).

www sinifli bütün li əldə edin, onları qırmızı rəngə boyayın, sonra tapılanlar arasından bbb sinifli olan li tapın və onları silin. Hamısını bir zəncirlə həll edin.

Səhifədəki bütün li əldə edin. Əldə edilənlərin cüt olanlarını boş edin, tək olanlarını isə silin.

Bütün div teqlərini tapın və onların hündürlüyini ikiqat artırın.

Səhifədəki bütün div-lərin hündürlüklərinin cəmini tapın.

#test elementi üçün ən yaxın www sinifli valideyni tapın, bu valideynin sonuna mətni '!' olan abzas əlavə edin.

#test elementinə kliklədikdə onun ən yaxın www sinifli valideynini tapın, bu valideyn daxilindəki bütün abzasları tapın və onları qırmızı rəngə boyayın.

Səhifədəki ilk 10 li-ni qırmızı rəngə boyayın.

Səhifədəki 5-ci ilə 10-cu li-ləri qırmızı rəngə boyayın.

Səhifədəki son 10 li-ni tapın, onları qırmızı rəngə boyayın. Sonra tapılanlar arasından cüt li-ləri tapın və onları daxildən b teqi ilə əhatə edin.

Səhifədə çekbokslar verilib. Onlardan neçəsinin qeyd edildiyini hesablayın.

5 çekboks verilib. Elə edin ki, istifadəçi onlardan ikisini qeyd etdikdən sonra bütün çekbokslar bloklansın.

Bütün qeyd edilmiş çekboksların vəziyyətini qeyd edilməmiş, qeyd edilməmişlərin vəziyyətini isə qeyd edilmiş olaraq dəyişdirin.

Input verilib. value atributunun məzmununu placeholder atributuna köçürün, value atributunu isə tamamilə silin.

Link verilib. Əgər href atributu http:// ilə başlayırsa, linkə target="_blank" atributunu əlavə edin.

Rəqəm daxil edilə bilən input verilib. Elə edin ki, bu inputa rəqəm daxil edildikdə və fokus itirildikdə səhifədə həmin nömrəli çekboks axtarılsın və qeyd edilmiş olsun, digər çekbokslar isə qeyd edilməmiş olsun.

Selekt və radio düymələri verilib, radio sayı selektdəki bəndlərin sayına bərabərdir. Elə edin ki, selektdə bənd seçildikdə avtomatik olaraq uyğun radio düyməsi qeyd edilsin (uyğunluq ardıcıllıq nömrəsinə görə: siyahının birinci bəndi - birinci radio və s.).