Drupal և jQuery. Դաս 2. Սելեկտորներ և էֆեկտներ

Այս դասում մենք կուսումնասիրենք jQuery սելեկտորներն ու էֆեկտները։

Սելեկտորներ

Սելեկտորների շարքում առավել հաճախ կօգտագործենք class-երն ու id-երը։ Դրանք գրեթե նույնական են CSS սելեկտորներին, այնպես որ եթե տիրապետում եք CSS սելեկտորներին, ապա կկարողանաք աշխատել նաև jQuery-ում։ Օրինակ՝ class ընտրելու համար գրում ենք՝

$('.class')

Իսկ id ընտրելու համար՝

$('#id')

Էֆեկտներ

jQuery-ում հասանելի է բազմաթիվ էֆեկտներ՝ hide(), show() (թաքցնում/ցույց է տալիս), slideUp(), slideDown() (սահեցում դեպի վերև/ներքև), fadeOut(), fadeIn() (հասարակության փոփոխում)։ Օրինակ՝

$('.class').hide(1000);

$('.class').fadeOut(1000);

Կամ՝

$('.class').slideUp(1000);

Դասում նաև օգտագործվել է setTimeout ֆունկցիան՝ որը JavaScript-ի մեթոդ է և թույլ է տալիս հետաձգել կոդի կատարումը։

setTimeout(function(){
  // այստեղ տեղադրում ենք հետաձգվող կոդը
}, 1000);

setTimeout-ի առաջին արգումենտը ֆունկցիա է, իսկ երկրորդը՝ միլիվայրկյաններով ժամանակ, թե երբ պետք է այն գործի։