Հիմնական նյութ
Ծրագրավորում
Դասընթաց․ (Ծրագրավորում) > Բաժին 7
Դաս 4: jQuery-ի տեխնիկաներ- jQuery-ի հավաքածուներն ընդդեմ DOM հանգույցների
- jQuery փոփոխականների կիրառում
- Ցիկլեր jQuery հավաքածուներում
- Մարտահրավեր․ ցիկլված լեզու
- jQuery-ի հավաքածուներ և ցիկլում. ամփոփում
- Մարտահրավեր․ խատուտիկների շղթա
- Կադրից դուրս․ ուսումնասիրիր jQuery-ի հիմնական կոդը
© 2023 Khan AcademyՕգտագործման պայմաններԳաղտնիության քաղաքականությունՔուքի (Cookie) ծանուցում
jQuery-ի հավաքածուներ և ցիկլում. ամփոփում
jQuery հավաքածուներ
Երբ տարրեր փնտրելու համար օգտագործում ես jQuery, ապա այն վերադարձնում է jQuery հավաքածուի օբյեկտը՝
var $heading = $('h1');
Ընդունված է փոփոխականի անունները
$
նշանով սկսելը, որպեսզի երևա, որ պահեստավորել են jQuery հավաքածուի օբյեկտներ։ Այս կերպ հեշտ է լինում տարբերակել դրանք փոփոխականներից, որոնք պահեստավորում են DOM հանգույցներ։Եթե ուզում ես վերստանալ DOM հանգույցը jQuery օբյեկտից, ապա jQuery-ի հետ կարող ես վարվել՝ ինչպես զանգվածի, և օգտագործես փակագծային նշում՝
var heading = $heading[0];
Եթե ուզում ես DOM հանգույցը դարձնել jQuery օբյեկտ, ապա կարող ես փոխանցել նրան jQuery ֆունկցիա՝
var $heading = $(heading);
Ցիկլեր հավաքածուներում
Եթե ուզում ես հավաքածուից մի քանի տարր վերցնել, ապա կարող ես օգտագործել սովորական
for
ցիկլ կամ jQuery-ի each()
՝ $("p").each(function(index, element) {
$(element).text( $(element).text() + "!!");
});
Երբ կանչում ես
each()
(յուրաքանչյուր) ֆունկցիան, պետք է նրան տաս նաև հետկանչման ֆունկցիա։ Դրանից հետո jQuery-ն հավաքածոոււմ ներառված յուրաքանչյուր տարրի համար կկանչի այդ ֆունկցիան ու ընթացիկ ցուցիչը և տարրը կփոխանցի ֆունկցիային։ jQuery-ն ընթացիկ տարրի համար կսահմանի նաև ֆունկցիայի համատեքստը, որն էլ նշանակում է, որ կարող ես տարրին հղում կատարել
this
բանալի բառով՝ $("p").each(function() {
$(this).text( $(this).text() + "!!");
});
Ուզո՞ւմ ես միանալ խոսակցությանը։
Առայժմ հրապարակումներ չկան։