Ի՞նչ է jQuery-ն

jQuery՝ հիանալի JavaScript գրադարան է, որը թույլ է տալիս մի քանի տողով ստեղծել զարմանալի վեբ էֆեկտներ։ Ինչպես նշված է նախագծի պաշտոնական կայքում՝

«jQuery-ն JavaScript գրադարան է, որի նշանաբանն է՝ JavaScript կոդ գրելը պետք է լինի հաճույք։ jQuery-ն կատարում է կրկնվող գործողությունները, մաքրում է մակետները և միաժամանակ կոդը դարձնում է կարճ, գեղեցիկ և հասկանալի»։

jQuery շատ հարմար գործիք է, երբ անհրաժեշտ է մի բան թաքցնել, փոխել, տեղաշարժել, կամ գեղեցիկ ձևով ներդնել։ Շատ պարզ և արդյունավետ է։ Եկեք միացնենք JavaScript ֆայլ։ Թեմային ֆայլեր միացնելու համար պետք է խմբագրել ձեր թեմայի .info ընդլայնմամբ ֆայլը։ Ֆայլ միացնելու համար ավելացրեք հետևյալ տողը՝

scripts[] = js/custom.js

որտեղ js/custom.js ֆայլի ճանապարհն է ձեր թեմայի ներսում։

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

Սելեկտորներ

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

$('.class')

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

$('#id')

Այս տեսանյութում մենք կուսումնասիրենք՝ ինչպես կարելի է աշխատել CSS-ի հետ՝ օգտագործելով jQuery-ի հնարավորությունները։

Այս դասում մենք կուսումնասիրենք իրադարձությունները (events) jQuery-ում։ Բացի այդ, կծանոթանանք animate() մեթոդին, որը թույլ է տալիս ստեղծել անիմացիաներ։ Իրադարձությունների և animate() մեթոդի օգնությամբ մենք կստեղծենք անիմացված հետադարձ կապի ձևաթուղթ։

Այս տեսանյութում մենք կուսումնասիրենք՝ ինչպես օգտագործել jQuery առցանց հաշվիչ ստեղծելու համար։ Բացի այդ, մենք կկցենք sexy uniform պլագինը, որպեսզի մեր կոճակները գեղեցիկ տեսք ունենան։

Այս դասում մենք կուսումնասիրենք, թե ինչպես ստեղծել պարզ լուսանկարների պատկերասրահ՝ օգտագործելով jQuery։

Հավանաբար դուք բազմիցս տեսել եք որոնման դաշտ՝ նախնական տեքստով "Որոնում", որը մաքրվում է, երբ վրա եք տալիս դաշտին։ Ստորև ներկայացված է jQuery կոդ՝ նման վարք ապահովելու համար՝

Ֆայլի կոդը

/sites/all/modules/custom/custom.info

name = custom
description = custom module
core = 7.x

/sites/all/modules/custom/custom.module

<?php

  drupal_add_library('system', 'ui.tabs');

CSS կոդը՝

#tabs {
  border: 0px;
}

.ui-tabs-nav {
  background: none;
  border: none;
}

HTML կոդը node-product.tpl.php-ում՝

Ինչո՞ւ անհրաժեշտ է ևս մեկ ինքնուսույց PHP-ի համար։ Ես դեռ չեմ հանդիպել պարզ և հասկանալի ձեռնարկ, որը սկսում է բացատրել PHP-ի հիմունքները իսկապես սկսնակների համար՝ քայլ առ քայլ։ Հաճախ ձեռնարկներ գրողները մոռանում են, որ իրենք նույնպես սկսել են Pascal-ից, Basic-ից կամ C++-ից։ Նրանք կարծես ենթադրում են, որ բոլորին հայտնի են "ֆունկցիա", "ռեկուրսիա", "փոփոխական", "տվյալների տիպ" հասկացությունները։