jQuery китепканасын өздөштүрүү үчүн практикалык тапшырмалар
Ичинде b теги бар бардык p абзацтарды
div тегине ороп чыккыла.
www классы бар бардык p абзацтарды табып,
алардын башына '!' текстин коюңуз, андан кийин бул
абзацтарга кошумча h1-h6 баштыктарды
кошуп, бул абзацтарды жана баштыктарды кызыл түскө боёңуз.
Бардык p абзацтарды табып, аларды ичиндеги мааниси
ошол эле болгон div теги менен алмаштырыңыз.
Барактагы бардык чекбоксторду табып, табылгандардын жуп сандарын блоктогон кылыңыз.
Бардык
блоктелбеген
чекбокстарга
<a href="/ky/markup/manual/html/attr/checked/">'белгиленген'</a> статусун коюңуз.
#test элементи берилген. Анын түзөтүн жогорку кошунасына
'!' текстин, ал эми төмөнкү кошунасына - '?' текстин
коюңуз. Маселени бир чынжыр менен чечкүле.
#test элементи берилген. Анын түзөтүн жогорку жана төмөнкү
кошуналарына #test элементинин текстин коюңуз.
#test элементи берилген. Анын жогорку кошуналарынын арасынан
эң жакын абзацты таап, ага #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 абзацтарды табып,
аларды кызыл түскө боёңуз. Андан кийин табылган абзацтардын
ичинен биринчисин тандап, ага '!' текстин коюңуз,
андан кийин акыркысын тандап, ага '?' текстин коюңуз.
Маселени бир чынжыр менен чечкүле.
Бардык p абзацтарды табып, ар биринин аягына ичинде
жазылган ошол эле тексти коюңуз (б.а. абзацтагы текст эки жолу
жазылат).
Бардык p абзацтарды табып, ар биринин аягына анын
топтогу иреттик номерин коюңуз.
Сандары бар абзацтар берилген. Ар биринин аягына анын ичиндеги санды анын топтогу иреттик номерине көбөйтүп коюңуз.
p абзацты басканда анын түзөтүн жогорку жана
төмөнкү кошуналарын өчүргүлө.
p абзацты басканда анын биринчи h1-h6
баштыгына чейинки бардык жогорку кошуналарын өчүргүлө (б.а. ошол
баштыктан жогору турган элементтерди жана баштыктын өзүн
өчүрбөңүз).
p абзацты басканда ага эң жакын төмөнкү www классы
бар кошунасын өчүргүлө.
p абзацты басканда анын бешинчи төмөнкү кошунасын өчүргүлө.
p абзацты басканда анын бешинчи төмөнкү кошунасын өчүргүлө,
эгер ал h2 болбосо.
p абзацты басканда анын бешинчи төмөнкү кошунасын өчүргүлө,
эгер бул кошунанын ичинде b теги болбосо.
p абзацты басканда анын бешинчи төмөнкү кошунасын өчүргүлө,
эгер бул кошуна h2 элементинин түз артында турбаса.
#test элементи берилген. Бул элементти анын түзөтүн төмөнкү
кошунасы менен ордун алмаштыргыла.
#test элементи берилген. Анын түзөтүн төмөнкү кошунасынан
кийин биздин элементтин көчүрмөсүн киргизгиле.
#test элементи берилген. Бул элементти ага эң жакын төмөнкү
www классы бар кошунасы менен ордун алмаштыргыла.
Бардык p абзацтарды табыңыз, алар бир ата-энеде бир h2
менен башка h2 ортосунда жатышкан.
Ар бир p абзацты сыртынан жана ичинен div менен орогон
кылыңыз.
Түз ата-энеси div болбогон бардык p абзацтарды таап,
алардын ар бирин <div class="www"></div> менен орогон кылыңыз.
Бардык p абзацтарды табыңыз. Эгер алардын ата-энеси
www классы бар div болбосо, ата-энесин өчүргүлө
(ата-энесине unwrap жасагыла). Андан кийин ата-энеси өчүрүлгөн
абзацтарды zzz классы бар div менен орогон кылыңыз.
#test элементинин бардык ата-энелерин таап, алардын
CSS класстарынан массив түзгүлө.
class атрибуту бар бардык p абзацтарды табып,
алардын ар бирин ошол эле класстар менен div менен орогон
кылыңыз, ал эми абзацтардын класстарын class атрибуту менен
кошо өчүргүлө.
#test элементинен бардык p абзацтарды табып,
алардын аягына '!' текстин коюңуз, андан кийин табылган
абзацтардан www классы бар абзацтарды чыгарып, калгандарга
кызыл түс коюңуз.
Барактагы бардык li элементтерди табып, андан кийин
табылгандардын акыркысынан мурункусунун алдына
'пункт' тексти менен дагы бир li элементти
киргизиңиз.
Барактагы бардык li элементтерди табып, андан кийин
табылгандардын акыркысынан экинчи, үчүнчү жана төртүнчүсүн
тандап, аларга '!' текстин коюңуз.
#test айдиси бар ol элементин табып, андагы
бардык li элементтерди тескери иретте койгула.
#test элементи берилген. Анын бардык жогорку кошуналарын
жана бардык төмөнкү кошуналарын таап, алардын ордун алмаштыргыла
(б.а. элементтин алдында тургандардын баары анын артына, ал эми
артында тургандардын баары анын алдына көчсүн).
www классы бар бардык li элементтерди алып,
аларга кызыл түс бергиле, андан кийин табылгандардын ичинен
bbb классы бар li элементтерди таап, аларды өчүргүлө.
Баарын бир чынжыр менен чечкүле.
Барактагы бардык li элементтерди алыңыз. Алынгандардын
жуптарын бош кылгыла, ал эми тактарын өчүргүлө.
Бардык div тегдерди табып, алардын бийиктигин эки эсе көбөйткүлө.
Барактагы бардык div элементтердин бийиктиктеринин суммасын тапкыла.
#test элементи үчүн ага эң жакын www классы бар
ата-энесин табып, бул ата-эненин аягына '!' тексти менен
абзац кошкула.
#test элементин басканда ага эң жакын www классы бар
ата-энесин табып, бул ата-энедеги бардык абзацтарды таап,
аларды кызыл түскө боёңуз.
Барактагы биринчи 10 li элементин кызыл түскө боёңуз.
Барактагы 5-инчиден 10-унчуга чейинки li элементтерди
кызыл түскө боёңуз.
Барактагы акыркы 10 li элементин таап, аларды кызыл
түскө боёңуз. Андан кийин табылгандардын ичинен жуп сандагы
li элементтерди таап, аларды ичинде b теги менен орогулa.
Баракта чекбокстор берилген. Алардын канчасы белгиленгенин эсептегиле.
5 чекбокс
берилген. Колдонуучу алардын экөөн белгилегенден кийин, бардык чекбокстор
блоктолсун деген кылыңыз.
Белгиленген бардык чекбокстор өз абалын белгиленбегенге алмашсын жана тескерисинче деген кылыңыз.
Инпут берилген.
value атрибутунун мазмунун
placeholder атрибутуна
көчүргүлө, ал эми value атрибутун толугу менен өчүргүлө.
Шилтеме берилген.
Эгер href атрибуту http:// менен башталса,
шилтемени target="_blank" атрибуту менен кошумчалагыла.
Сан киргизүүгө мүмкүн болгон инпут берилген. Бул инпутка сан киргизилип жана фокус жоготулганда, аракеттик бетте ошол номерлүү чекбокс изделип, белгиленген кылынсын, ал эми калган чекбокстор белгиленбеген кылынсын деген кылыңыз.
Селект жана радио баскычтар берилген, радиолордун саны селекттеги пункттардын санына барабар. Селектте пункт тандалганда, аткарымдаштык менен туура келген радио баскыч белгиленсин (ирет номеру боюнча аткарымдаштык: тизмедеги биринчи пункт - биринчи радио ж.б.у.с.) деген кылыңыз.