jQuery библиотекаси ишлаш учун амалий машқлар
Ичида b теги бор барча p абзацларни
div тегига ўраб қўйинг.
www синифига эга барча p абзацларни топинг,
уларнинг бошларига '!' матнини қўйинг, сўнг ушбу абзацларга
h1-h6 сарлавҳаларни қўшинг ва
ушбу абзац ва сарлавҳаларни қизил рангга боянг.
Барча p абзацларни топиб, уларни
div тегига ўзгартиринг (ичди мазмон билан бирга).
Саҳифадаги барча чекбоксларни топиб, топилганларнинг жуфтларини блокланган ҳолатга келтиринг.
Барча
блокланмаган
чекбоксларга
<a href="/uzc/markup/manual/html/attr/checked/">'белгиланган'</a>
ҳолатини белгиланг.
#test элемент берилган. Унинг тўғри
юқори қўшнисига '!' матнини, пастки
қўшнисига эса '?' матнини қўйинг. Машқни битта зanjир қилиб ечинг.
#test элемент берилган. Унинг тўғри
юқори ва пастки қўшниларига #test
элементнинг матнини қўйинг.
#test элемент берилган. Унинг юқори қўшнилари
орасидаги энг яқин p абзацни топиш ва унга
#test элементнинг матнини қўйиш.
Саҳифадаги иккинчи li ни топиш,
унинг www синифини қўшиш,
уни ичидан i тегига ўраш, унинг ортига
'салом' матнили li қўшиш.
Саҳифадаги ўнинчи li ни топиш,
унинг ота-онасини топиш, ота-онасининг тўғри
юқори қўшнисини олиш, уни
<div class="www"></div> га ўраш.
www синифига эга бўлмаган барча p
абзацларнинг охирига уларнинг тартиб рақамини қўшинг.
Барча p абзацларни топиб, ҳар бир абзацнинг
олдига унинг нусхасини қўйинг. Нусхани қизил рангга,
бошланғич абзацни яшил рангга боянг.
h2 нинг тўғри пастида турган p
абзацларни топиб, ҳар бир абзацни кўчириб,
h2 нинг тўғри юқорисига қўйинг.
Барча бўш p абзацларни (матнсиз) топиб,
уларнинг ичига тўғри юқори қўшнисининг матнини киритинг.
b тегининг ота-онаси, агар у
www синифли элемент ёки p
абзац бўлса, уни қизил рангга боянг ва
матн
ҳажмини 30px га тенгланг.
Барча бўш p абзацларга уларнинг
юқорисидаги энг яқин h2 тегининг матнини қўйинг.
Сонлар билан берилган инпутлар. Инпутлардаги сонларни ўзининг квадратига алмаштиринг.
#test элемент берилган. Унинг бошларига тўғри юқори
қўшнисининг матнини, охирига эса тўғри пастки
қўшнисининг матнини қўйинг.
#test элемент берилган. Унинг юқорисидаги иккинчи
қўшниси ва пастидаги иккинчи қўшнисини топиш. Топилган
элементлар алмашиниши керак (юқори қўшни пастки қўшнининг
матнини олсин ва аксинча).
div теги берилган. Ундан барча тўғри
фарзандларини танланг, улар сарлавҳа бўлмасин
ва уларни қизил рангга боянг.
Барча p абзацларни топиб,
уларни қизил рангга боянг. Сўнг топилган
абзацлар орасидан www синифли абзацларни
танлаб, уларга '!' матнини қўйинг.
www синифли барча p абзацларни топиб,
уларни қизил рангга боянг. Сўнг топилган
абзацларнинг биринчисига '!' матнини қўйинг,
сўнг охиргисини танлаб унга '?' матнини қўйинг.
Машқни битта зanjир қилиб ечинг.
Барча p абзацларни топиб,
уларнинг ҳар бирининг охирига ўз матнини
қўйинг (яъни абзацдаги матн икки марта такрорлансин).
Барча p абзацларни топиб,
уларнинг ҳар бирининг охирига тўпламдаги
тартиб рақамини қўйинг.
Сонлар билан берилган абзацлар. Уларнинг ҳар бирининг охирига ўзидаги сонни тўпламдаги тартиб рақамига кўпайтириб қўйинг.
p абзац босилганда
унинг тўғри юқори ва пастки қўшниларини ўчиринг.
p абзац босилганда
унинг юқорисидаги барча қўшниларини биринчи h1-h6
сарлавҳасигача ўчиринг (яъни, ушбу сарлавҳадан юқорида турган
элементлар ва ўзи сарлавҳа ўчирилмасин).
p абзац босилганда унинг пастидаги
энг яқин www синифли қўшнини ўчиринг.
p абзац босилганда унинг пастидаги
бешинчи қўшнини ўчиринг.
p абзац босилганда унинг пастидаги
бешинчи қўшнини, агар у h2 бўлмаса, ўчиринг.
p абзац босилганда унинг пастидаги
бешинчи қўшнини, агар ушбу қўшнининг ичида
b теги бўлмаса, ўчиринг.
p абзац босилганда унинг пастидаги
бешинчи қўшнини, агар ушбу қўшни h2 нинг
тўғри ортида турмаса, ўчиринг.
#test элемент берилган. Ушбу
элементни унинг тўғри пастки
қўшниси билан ўринларини алмаштиринг.
#test элемент берилган. Унинг
тўғри пастки қўшнисининг ортига
бизнинг элементнинг нусхасини киритинг.
#test элемент берилган. Ушбу
элементни унинг пастидаги энг яқин
www синифли қўшни билан ўринларини алмаштиринг.
Бир ота-она ичида бир h2 ва бошқа
h2 ўртасида жойлашган барча p
абзацларни топинг.
Ҳар бир p абзацни ташқаридан
ва ичидан div га ўраб қўйинг.
Тўғри ота-онаси div бўлмаган барча
p абзацларни топиб, уларнинг ҳар бирини
<div class="www"></div> га ўраб қўйинг.
Барча p абзацларни топиш. Уларнинг
ота-онасини (унига unwrap қилиш) ўчиринг,
агар бу ота-она div бўлиб, www синифига эга бўлмаса.
Сўнг ота-онаси ўчирилган абзацларни
zzz синифли div га ўраб қўйинг.
#test элементнинг барча ота-оналарини
топиш ва ушбу ота-оналарнинг CSS синовларидан
массив яратиш.
class атрибутига эга барча p
абзацларни топиш ва уларнинг ҳар бирини
топилган абзацнинг синовлари билан div га
ўраб қўйиш, абзацларнинг синовларини class
атрибути билан бирга ўчириб ташлаш.
#test дан барча p абзацларни
топиб, уларнинг охирига '!' матнини қўйинг,
сўнг топилган абзацлардан www синифлиларини
чиқариб ташланг ва қолганларини қизил рангга боянг.
Саҳифадаги барча li ларни топиш,
сўнг топилганларнинг охиргисидан олдингисининг
олдига яна бир 'банди' матнили li қўшиш.
Саҳифадаги барча li ларни топиш,
сўнг топилганлар орасидан охирдан иккинчи,
учинчи ва тўртинчиларни танлаб, уларга
'!' матнини қўйинг.
#test идли ol ни топиш
ва унинг ичидаги барча li ларни
тескари тартибда жойлаштиринг.
#test элемент берилган. Унинг барча
юқори қўшнилари ва барча пастки қўшниларини топиш ва
уларнинг ўринларини алмаштириш (яъни элементдан олдинги
барча нарсалар унинг ортига, ортидагилар эса олдига ўтиши керак).
www синифли барча li ларни олиб,
уларни қизил рангга боянг, сўнг топилганлар
орасидан bbb синифига эга бўлган li
ларни ўчиринг. Ҳаммасини битта зanjир қилиб ечинг.
Саҳифадаги барча li ларни олинг. Олинганларнинг
жуфтларини бўш қилинг, токларини эса ўчириб юборинг.
Барча div тегларни топиб,
уларнинг баландлигини икки баробарга оширинг.
Саҳифадаги барча div ларнинг баландликлари йиғиндисини топиш.
#test элемент учун www синифли
энг яқин ота-онани топиш, ушбу ота-онанинг
охирига '!' матнили абзац қўшиш.
#test элемент босилганда унинг
www синифли энг яқин ота-онасини топиш,
ушбу ота-онанинг ичидаги барча абзацларни топиш ва уларни
қизил рангга бояш.
Саҳифадаги биринчи 10 та li ни
қизил рангга боянг.
Саҳифадаги 5-инчидан 10-инчигача бўлган li ларни
қизил рангга боянг.
Саҳифадаги охирги 10 та li ни
топиб, уларни қизил рангга боянг. Сўнг топилганлар
орасидан жуфт li ларни топиб, уларни
ичидан b тегига ўраб қўйинг.
Саҳифада берилган чекбокслар. Уларнинг нечтаси белгиланганлигини ҳисобланг.
5 та
чекбокс
берилган. Фойдаланувчи уларнинг иккитасини белгилагандан сўнг,
барча чекбокслар
блокланган
ҳолатга келишини таъминланг.
Барча белгиланган чекбокслар ҳолатини белгиланмаганга ва аксинча алмаштиришни таъминланг.
Инпут берилган.
value атрибутининг мазмунини
placeholder
атрибутига кўчиринг, value атрибутини эса ундириб юборинг.
Ҳавола берилган.
Агар href атрибути http:// дан бошланса,
ҳаволага target="_blank" атрибутини қўшинг.
Ичига сон киритиш мумкин бўлган инпут берилган. Шундай қилингки, бу инпутга сон киритилиб, фокус йўқотганида саҳифада шу номерли чекбокс изиланиб, белгиланган ҳолатга келтирилсин, қолган чекбокслар эса белгиланмаган ҳолатга келтирилсин.
Селект ва радио tugmalari берилган, радио tugmalari soni селектдаги бандлар сонига тенг. Шундай қилингки, селектда банд танланганда, мос радио tugmasi автоматик равишда белгилансин (мослик ketma-ketlik номери бўйича: биринчи банд - биринчи радио ва ҳоказо).