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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

Դրեք բոլոր ոչ կանխարգելված չեկբոքսներին <a href="/hy/markup/manual/html/attr/checked/">'նշված'</a> կարգավիճակ:

Задание 6

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

Задание 7

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

Задание 8

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

Задание 9

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

Задание 10

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

Задание 11

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

Задание 12

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

Задание 13

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

Задание 14

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

Задание 15

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

Задание 16

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

Задание 17

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

Задание 18

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

Задание 19

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

Задание 20

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

Задание 21

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

Задание 22

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

Задание 23

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

Задание 24

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

Задание 25

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

Задание 26

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

Задание 27

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

Задание 28

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

Задание 29

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

Задание 30

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

Задание 31

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

Задание 32

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

Задание 33

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

Задание 34

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

Задание 35

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

Задание 36

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

Задание 37

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

Задание 38

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

Задание 39

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

Задание 40

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

Задание 41

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

Задание 42

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

Задание 43

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

Задание 44

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

Задание 45

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

Задание 46

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

Задание 47

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

Задание 48

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

Задание 49

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

Задание 50

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

Задание 51

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

Задание 52

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

Задание 53

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

Задание 54

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

Задание 55

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

Задание 56

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

Задание 57

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

Задание 58

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

Задание 59

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

Задание 60

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

Задание 61

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

Задание 62

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