jQuery գրադարանի պրակտիկա

Բոլոր p պարբերությունները, որոնց ներսում կա b թեգ, փաթաթեք div թեգի մեջ:

Գտեք բոլոր p պարբերությունները www դասով, դրանց սկզբում դրեք '!' տեքստը, այնուհետև այդ պարբերություններին ավելացրեք նաև h1-h6 վերնագրերը և գունավորեք այդ պարբերություններն ու վերնագրերը կարմիր գույնով:

Գտեք բոլոր p պարբերությունները և փոխարինեք դրանք div թեգով նույն պարունակությամբ:

Գտեք բոլոր չեկբոքսները էջում և կանխարգելեք գտնվածների զույգերին:

Դրեք բոլոր ոչ կանխարգելված չեկբոքսներին 'նշված' կարգավիճակ:

Տրված է #test տարրը: Դրեք նրա անմիջական վերևի հարևանին '!' տեքստը, իսկ ներքևի հարևանին - '?' տեքստը: Լուծեք առաջադրանքը մեկ շղթայով:

Տրված է #test տարրը: Դրեք նրա անմիջական վերևի և ներքևի հարևաններին #test տարրի տեքստը:

Տրված է #test տարրը: Գտեք նրա վերևի հարևանների մեջ ամենամոտ պարբերությունը և դրեք նրան #test տարրի տեքստը:

Գտեք էջում երկրորդ li-ն, ավելացրեք նրան www դասը, փաթաթեք նրան ներսում i թեգով, տեղադրեք նրանից հետո li 'բարև' տեքստով:

Գտեք էջում տասներորդ li-ն, գտեք նրա ծնողին, ստացեք ծնողի անմիջական վերևի հարևանին, փաթաթեք նրան <div class="www"></div>-ի մեջ:

Յուրաքանչյուր p պարբերությանը, բացառությամբ www դաս ունեցող պարբերությունների, ավելացրեք նրա վերջում իր հերթական համարը:

Գտեք բոլոր p պարբերությունները և դրեք յուրաքանչյուր պարբերությունից առաջ դրա պատճենը: Պատճենը գունավորեք կարմիր գույնով, իսկ սկզբնական պարբերությունը՝ կանաչ:

Գտեք p պարբերությունները, որոնք կանգնած են անմիջապես h2-ի տակ և տեղափոխեք յուրաքանչյուր պարբերություն այնպես, որ այն կանգնի անմիջապես h2-ից վեր:

Գտեք բոլոր դատարկ p պարբերությունները (առանց տեքստի) և նրանց մեջ տեղադրեք անմիջական վերևի հարևանի տեքստը:

b թեգի ծնողին, եթե դա www դասով տարր է կամ պարբերություն p, դրեք կարմիր գույն և տեքստի չափը 30px:

Բոլոր դատարկ p պարբերություններին դրեք նրանց ամենամոտ վերևում գտնվող h2 թեգի տեքստը:

Տրված են ինպուտները թվերով: Ապահովեք, որ ինպուտներում դառնան այդ թվերի քառակուսիները:

Տրված է #test տարրը: Դրեք նրա սկզբում անմիջական վերևի հարևանի տեքստը, իսկ վերջում - անմիջական ներքևի հարևանի տեքստը:

Տրված է #test տարրը: Գտեք նրա երկրորդ հարևանին վերևից և նրա երկրորդ հարևանին ներքևից: Ապահովեք, որ գտնված տարրերը փոխանակեն տեքստը (վերևի հարևանը կվերցնի ներքևի հարևանի տեքստը և հակառակը):

Տրված է div թեգը: Ընտրեք նրանից բոլոր անմիջական ժառանգներին, որոնք վերնագրեր չեն և գունավորեք դրանք կարմիր գույնով:

Գտեք բոլոր p պարբերությունները, գունավորեք դրանք կարմիր գույնով: Այնուհետև գտնվածների մեջից ընտրեք www դաս ունեցող պարբերությունները և դրեք նրանց '!' տեքստը:

Գտեք բոլոր p պարբերությունները www դասով, գունավորեք դրանք կարմիր գույնով: Այնուհետև գտնված պարբերություններից ընտրեք առաջինը և դրեք նրան '!' տեքստը, այնուհետև ընտրեք վերջինը և նրան դրեք '?' տեքստը: Լուծեք առաջադրանքը մեկ շղթայով:

Գտեք բոլոր p պարբերությունները, դրեք յուրաքանչյուրի վերջում նույն տեքստը, որը գրված է նրա ներսում (այսինքն տեքստը պարբերությունում կգրվի երկու անգամ):

Գտեք բոլոր p պարբերությունները, դրեք յուրաքանչյուրի վերջում նրա հերթական համարը հավաքածուում:

Տրված են թվերով պարբերությունները: Դրեք յուրաքանչյուրի վերջում այն թիվը, որը պահվում է նրա մեջ, բազմապատկած իր հերթական համարով հավաքածուում:

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա անմիջական վերևի և ներքևի հարևաններին:

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա բոլոր վերևի հարևաններին մինչև առաջին վերնագիրը h1-h6 (այսինքն տարրերը, որոնք կանգնած են այդ վերնագրից բարձր և ինքը՝ վերնագիրը ջնջելու կարիք չկա):

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա ամենամոտ ներքևի www դասով հարևանին:

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա հինգերորդ հարևանին ներքևից:

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա հինգերորդ հարևանին ներքևից, եթե դա h2 չէ:

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա հինգերորդ հարևանին ներքևից, եթե այդ հարևանը ներսում չունի b թեգ:

p պարբերության վրա սեղմելու դեպքում ջնջեք նրա հինգերորդ հարևանին ներքևից, եթե այդ հարևանը չի կանգնած անմիջապես h2-ից հետո:

Տրված է #test տարրը: Փոխարինեք այս տարրը տեղերով իր անմիջական ներքևի հարևանի հետ:

Տրված է #test տարրը: Նրա անմիջական ներքևի հարևանից հետո տեղադրեք մեր տարրի պատճենը:

Տրված է #test տարրը: Փոխարինեք այս տարրը տեղերով իր ամենամոտ հարևանի ներքևից www դասով:

Գտեք բոլոր p պարբերությունները, որոնք ներսում մի ծնողի մեջ գտնվում են մեկ և մյուս h2-ի միջև:

Փաթաթեք յուրաքանչյուր p պարբերություն դրսից և ներսից div-ի մեջ:

Գտեք բոլոր p պարբերությունները, որոնց անմիջական ծնողը div չէ և փաթաթեք յուրաքանչյուրին <div class="www"></div>-ի մեջ:

Գտեք բոլոր p պարբերությունները: Ջնջեք նրանց ծնողին (կատարեք նրա unwrap), եթե այդ ծնողը div չէ www դասով: Այնուհետև այն պարբերությունների համար, որոնց ծնողը ջնջվել է, փաթաթեք div-ի մեջ zzz դասով:

Գտեք #test տարրի բոլոր ծնողներին և ստեղծեք այդ ծնողների CSS դասերի զանգված:

Գտեք բոլոր p պարբերությունները, որոնք ունեն class ատրիբուտը, և յուրաքանչյուրին փաթաթեք div-ի մեջ նույն դասերով, ինչ գտնված պարբերությունն ունի, իսկ յուրաքանչյուր պարբերության դասերը ջնջեք class ատրիբուտի հետ միասին:

Գտեք բոլոր p պարբերությունները #test-ից, դրեք նրանց վերջում '!' տեքստը, այնուհետև բացառեք գտնվածներից www դաս ունեցող պարբերությունները և մնացածներին դրեք կարմիր գույն:

Գտեք բոլոր li-ները էջում, այնուհետև գտնվածներից նախավերջինից առաջ տեղադրեք ևս մեկ li 'կետ' տեքստով:

Գտեք բոլոր li-ները էջում, այնուհետև գտնվածներից ընտրեք երկրորդը, երրորդը և չորրորդը վերջից և դրեք նրանց '!' տեքստը:

Գտեք #test id-ով ol-ը և դրա մեջ դասավորեք բոլոր li-ները հակառակ հերթականությամբ:

Տրված է #test տարրը: Գտեք նրա բոլոր վերևի հարևաններին և նրա բոլոր ներքևի հարևաններին և փոխարինեք դրանց տեղերը (այսինքն բոլորը, ինչ կանգնած է տարրից առաջ, պետք է դառնա նրանից հետո և հակառակը):

Ստացեք բոլոր li-ները www դասով, դրանց դրեք կարմիր գույն, այնուհետև գտնվածների մեջ գտեք այն li-ները, որոնք ունեն bbb դաս և ջնջեք դրանք: Լուծեք ամենը մեկ շղթայով:

Ստացեք բոլոր li-ները էջում: Գտնվածների զույգերը դարձրեք դատարկ, իսկ կենտերը ջնջեք:

Գտեք բոլոր div թեգերը և կրկնապատկեք դրանց բարձրությունը:

Գտեք բոլոր div-ների բարձրությունների գումարը էջում:

#test տարրի համար գտեք ամենամոտ www դասով ծնողին, այդ ծնողի վերջում ավելացրեք պարբերություն '!' տեքստով:

#test տարրի վրա սեղմելու դեպքում գտեք նրա ամենամոտ www դասով ծնողին, այդ ծնողի ներսում գտեք բոլոր պարբերությունները և գունավորեք դրանք կարմիր գույնով:

Գունավորեք էջի առաջին 10 li-ները կարմիր գույնով:

Գունավորեք 5-երորդից մինչև 10-երորդ li-ները էջում կարմիր գույնով:

Գտեք էջի վերջին 10 li-ները, գունավորեք դրանք կարմիր գույնով: Այնուհետև գտնվածներից գտեք զույգ li-ները և փաթաթեք դրանք ներսում b թեգի մեջ:

Էջում տրված են չեկբոքսները: Հաշվեք, թե դրանցից քանիսն են նշված:

Տրված է 5 չեկբոքս: Ապահովեք, որ այն բանից հետո, երբ օգտատերը նշել է դրանցից երկուսը, բոլոր չեկբոքսները կանխարգելվեն:

Ապահովեք, որ բոլոր նշված չեկբոքսները փոխեն իրենց կարգավիճակը չնշվածի և հակառակը:

Տրված է ինպուտ: value ատրիբուտի պարունակությունը տեղափոխեք placeholder ատրիբուտ, իսկ value ատրիբուտը ջնջեք ամբողջությամբ:

Տրված է հղում: Եթե href ատրիբուտը սկսվում է http://-ով, հղմանը ավելացրեք target="_blank" ատրիբուտ:

Տրված է ինպուտ, որի մեջ կարելի է մուտքագրել թիվ: Ապահովեք, որ այդ ինպուտում թվի մուտքագրելու և ֆոկուսը կորցնելու դեպքում էջում որոնվի չեկբոքս այդ համարով և դառնա նշված, իսկ մյուս չեկբոքսերը դառնան չնշված:

Տրված է սելեկտը և ռադիո կոճակները, ռադիոների քանակը հավասար է սելեկտի կետերի քանակին: Ապահովեք, որ սելեկտում կետ ընտրելու դեպքում ավտոմատ կերպով դառնա նշված համապատասխան ռադիո կոճակը (համապատասխանությունը հերթականությամբ. առաջին կետը ցուցակում - առաջին ռադիոյին և այլն):