jQuery kutubxonasi bilan ishlash uchun amaliyot
Ichida b tegi bo‘lgan
barcha p abzatslarni
div tegi ichiga o‘rab qo‘ying.
www klassiga ega bo‘lgan
barcha p abzatslarni toping,
ularning boshiga '!' matnini qo‘ying,
keyin bu abzatslarga h1-h6
sarlavhalarini qo‘shing va
bu abzatslar va sarlavhalarni qizil rangga bo‘yang.
Barcha p abzatslarni toping va ularni
o‘z mazmuni bilan div tegi bilan almashtiring.
Sahifadagi barcha chekbokslarni toping va topilganlarning juftlarini bloklang.
Barcha
bloklanmagan
chekbokslarga
'belgilangan' holatini belgilang.
#test elementi berilgan. Unga yuqoridagi
bevosita qo‘shnisiga '!' matnini,
pastdagisiga esa '?' matnini qo‘ying.
Masalani bitta zanjir bilan yeching.
#test elementi berilgan. Unga yuqoridagi
va pastdagi bevosita qo‘shnilariga
#test elementining matnini qo‘ying.
#test elementi berilgan. Unga yuqoridagi
qo‘shnilar orasidan eng yaqin abzatsni toping
va unga #test elementining matnini qo‘ying.
Sahifadagi ikkinchi li ni toping,
unga www klassini qo‘shing,
uni ichida i tegi bilan o‘rab qo‘ying,
undan keyin li ni 'salom'
matni bilan joylashtiring.
Sahifadagi o‘ninchi li ni toping,
uning ota-onasini toping, ota-onaning yuqoridagi
bevosita qo‘shnisini oling,
uni <div class="www"></div> ichiga o‘rab qo‘ying.
www klassiga ega bo‘lmagan
p abzatslarning har biriga
oxiriga uning tartib raqamini qo‘shing.
Barcha p abzatslarni toping va
har bir abzatsdan oldin uning nusxasini joylashtiring.
Nusxani qizil rangga, asl abzatsni yashil rangga bo‘yang.
h2 dan bevosita keyin turgan
p abzatslarni toping
va har bir abzatsni h2 dan
bevosita oldinga ko‘chiring.
Barcha bo‘sh p abzatslarni
(matnsiz) toping va ularga yuqoridagi
bevosita qo‘shnilarining matnini joylashtiring.
b tegi ota-onasiga,
agar bu www klassiga ega bo‘lgan element
yoki p abzats bo‘lsa,
qizil rang va
matn o‘lchamini
30px ga belgilang.
Barcha bo‘sh p abzatslarga
ularga eng yaqin yuqoridagi h2
tegining matnini qo‘ying.
Raqamli inputlar berilgan. Inputlarda ularning kvadratlari bo‘lishini ta'minlang.
#test elementi berilgan. Unga boshiga
yuqoridagi bevosita qo‘shnisi matnini,
oxiriga esa pastdagi bevosita qo‘shnisi
matnini qo‘ying.
#test elementi berilgan. Unga yuqoridagi
ikkinchi qo‘shnisi va pastdagi ikkinchi
qo‘shnisini toping. Topilgan elementlar
matnini almashtirishni ta'minlang
(yuqoridagi qo‘shni pastdagisining matnini oladi va aksincha).
div elementi berilgan. Undan
barcha bevosita avlodlarini tanlang, ular
sarlavha bo‘lmaganlarini, va ularni
qizil rangga bo‘yang.
Barcha p abzatslarni toping,
ularni qizil rangga bo‘yang. Keyin topilgan
abzatslar orasidan www klassiga
ega bo‘lgan abzatslarni tanlang va
ularga '!' matnini qo‘ying.
www klassiga ega bo‘lgan
barcha p abzatslarni toping,
ularni qizil rangga bo‘yang.
Keyin topilgan abzatslar orasidan birinchisini
tanlang va unga '!' matnini qo‘ying,
keyin oxirgisi tanlang va unga '?'
matnini qo‘ying.
Masalani bitta zanjir bilan yeching.
Barcha p abzatslarni toping,
har biriga oxiriga o‘z ichidagi
matnni qo‘ying (ya'ni abzatsdagi
matn ikki marta yoziladi).
Barcha p abzatslarni toping,
har biriga oxiriga uning
to‘plamdagi tartib raqamini qo‘ying.
Raqamli abzatslar berilgan. Har biriga oxiriga unda saqlangan raqamni, uning to‘plamdagi tartib raqamiga ko‘paytmasini qo‘ying.
p abzatsni bosishda
uning yuqoridagi va pastdagi bevosita qo‘shnilarini o‘chiring.
p abzatsni bosishda
uning yuqoridagi barcha qo‘shnilarini
birinchi h1-h6 sarlavhasigacha o‘chiring
(ya'ni o'sha sarlavhadan yuqori turgan elementlar va sarlavhaning o'zini o'chirmaslik kerak).
p abzatsni bosishda
uning eng yaqin pastdagi
www klassiga ega bo‘lgan qo‘shnisini o‘chiring.
p abzatsni bosishda
uning pastdagi beshinchi qo‘shnisini o‘chiring.
p abzatsni bosishda
uning pastdagi beshinchi qo‘shnisini o‘chiring,
agar bu h2 bo‘lmasa.
p abzatsni bosishda
uning pastdagi beshinchi qo‘shnisini o‘chiring,
agar bu qo‘shni ichida b tegi bo‘lmasa.
p abzatsni bosishda
uning pastdagi beshinchi qo‘shnisini o‘chiring,
agar bu qo‘shni h2 dan bevosita keyin turmasa.
#test elementi berilgan. Bu
elementni uning pastdagi bevosita
qo‘shnisi bilan o‘rinlarini almashtiring.
#test elementi berilgan. Unga
pastdagi bevosita qo‘shnisidan keyin
bizning elementimiz nusxasini joylashtiring.
#test elementi berilgan. Bu
elementni uning eng yaqin pastdagi
www klassiga ega bo‘lgan qo‘shnisi bilan almashtiring.
Bitta ota-onada boshqa h2
oralig'ida joylashgan
barcha p abzatslarni toping.
Har bir p abzatsni tashqaridan
va ichidan div bilan o‘rab qo‘ying.
Bevosita ota-onasi div bo‘lmagan
barcha p abzatslarni toping
va har birini <div class="www"></div> bilan o‘rab qo‘ying.
Barcha p abzatslarni toping.
Ularning ota-onasini o‘chiring (unga unwrap qiling),
agar bu ota-ona www klassiga ega bo‘lmagan div bo‘lmasa.
Keyin ota-onasi o‘chirilgan abzatslarni
zzz klassiga ega div bilan o‘rab qo‘ying.
#test elementining barcha
ota-onalarini toping va
bu ota-onalarning CSS klasslaridan massiv yarating.
class atributiga ega bo‘lgan
barcha p abzatslarni toping,
va har birini topilgan abzatsning
o'sha klasslari bilan div ichiga o‘rab qo‘ying,
har bir abzatsning klasslarini class atributi bilan birga o‘chiring.
#test dan barcha p abzatslarni toping,
ularga oxiriga '!' matnini qo‘ying, keyin
topilgan abzatslardan www klassiga ega
bo‘lganlarni chiqarib tashlang va qolganlarga
qizil rang belgilang.
Sahifadagi barcha li larni toping,
keyin topilganlarning oxirgidan oldingisidan oldin
yana bir li ni 'band'
matni bilan joylashtiring.
Sahifadagi barcha li larni toping,
keyin topilganlar orasidan oxiridan ikkinchi, uchinchi
va to‘rtinchisini tanlang va ularga
'!' matnini qo‘ying.
#test bilan ol ni toping
va undagi barcha li larni
teskari tartibda joylashtiring.
#test elementi berilgan. Unga yuqoridagi
barcha qo‘shnilarini va pastdagi barcha qo‘shnilarini toping va
ularning o‘rinlarini almashtiring (ya'ni elementdan oldin turgan hamma narsa uning keyin, va aksincha bo‘lsin).
www klassiga ega bo‘lgan barcha li larni oling,
ularni qizil rangga bo‘yang, keyin
topilganlar orasidan bbb klassiga
ega bo‘lgan li larni toping va
ularni o‘chiring. Barchasini bitta zanjir bilan yeching.
Sahifadagi barcha li larni oling.
Olinganlarning juftlarini bo‘sh qiling,
toq larini esa o‘chiring.
Barcha div teglarini toping
va ularning balandligini ikki baravar oshiring.
Sahifadagi barcha div larning
balandliklari yig‘indisini toping.
#test elementi uchun eng yaqin
www klassiga ega bo‘lgan ota-onani toping,
bu ota-onaning oxiriga '!' matni
bilan abzats qo‘shing.
#test elementini bosishda uning
eng yaqin www klassiga ega bo‘lgan
ota-onasini toping, bu ota-ona ichidagi
barcha abzatslarni toping va ularni
qizil rangga bo‘yang.
Sahifadagi birinchi 10 ta li ni
qizil rangga bo‘yang.
Sahifadagi 5-inchidan 10-inchigacha bo‘lgan li larni
qizil rangga bo‘yang.
Sahifadagi oxirgi 10 ta li ni toping,
ularni qizil rangga bo‘yang.
Keyin topilganlardan juft li larni toping
va ularni ichida b tegi bilan o‘rab qo‘ying.
Sahifada chekbokslar berilgan. Ulardan nechtasi belgilanganligini hisoblang.
5 ta
chekboks
berilgan. Foydalanuvchi ulardan ikkitasini
belgilagandan so‘ng, barcha chekbokslar
bloklanishini ta'minlang.
Barcha belgilangan chekbokslar holati belgilanmaganga, va aksincha o'zgarishini ta'minlang.
Input
berilgan. value atributi mazmunini
placeholder
atributiga ko‘chiring,
value atributini esa butunlay o‘chiring.
Havola
berilgan. Agar href atributi http:// dan boshlansa,
havolaga target="_blank" atributini qo‘shing.
Raqam kiritish mumkin bo‘lgan input berilgan. Ushbu inputga raqam kiritilganda va fokus yo‘qotilganda, sahifada shu raqamli chekboks qidirilsin va belgilangan holatga o‘tsin, qolgan chekbokslar esa belgilanmagan holatga o‘tsin.
Select va radio tugmalari berilgan, radiolar soni selectdagi bandlar soniga teng. Selectda band tanlanganda, mos radio tugmasi avtomatik ravishda belgilanadigan qiling (ketma-ketlik raqami bo‘yicha moslik: birinchi ro‘yxat bandi - birinchi radioga va hokazo).