Ovo je poslednja lekcija o javascript-u koja je potrebna da biste započeli sa učenjem jQuery. Ali nije poslednja lekcija o javascript-u koju ću praviti, jer je jezik javascript znatno širi i ima mnogo više nego što sam pokrivao u svojim lekcijama.

Dakle, u ovoj lekciji ćemo razmatrati još jedan tip podataka u javascript-u, a to su objekti. Objekte možemo uporediti sa nizovima čiji su elementi promenljive i funkcije. Promenljive u objektima ćemo nazivati svojstvima objekta, a funkcije u objektu ćemo nazivati njegovim metodama. O objektima u PHP-u možete pročitati ovde:

Šta je jQuery?

jQuery je sjajna JavaScript biblioteka koja omogućava lako kreiranje sjajnih web efekata sa samo nekoliko redova koda. Kao što kaže zvanični sajt projekta jQuery:

“jQuery je JavaScript biblioteka čiji je moto: pisanje JavaScript koda treba da bude zabavno. jQuery rešava česte, ponavljajuće zadatke, sređuje raspored i čini kod kratkim, lepim i razumljivim.”

jQuery je veoma praktičan alat kada treba nešto sakriti, promeniti, pomeriti, lepo uklopiti i otići. Veoma, veoma praktičan i jednostavan. Hajde da povežemo JavaScript fajl. Fajlove povezujemo u temi kroz fajl sa ekstenzijom .info vaše teme. Da biste povezali fajl, dodajte sledeću liniju u fajl vaše teme:

scripts[] = js/custom.js

gde je js/custom.js putanja do JavaScript fajla u vašoj temi.

U ovoj lekciji ćemo proučiti jQuery selektore i jQuery efekte.

Selektori

Najčešće ćemo koristiti selektore po klasama i ID-jevima. Selektori u jQuery-u često odgovaraju CSS selektorima, tako da ako znate kako da pišete CSS selektore, već znate i kako da ih pišete u jQuery-ju. Ovako biramo klase:

$('.class')

A ovako biramo ID:

$('#id')

U ovom videu ćemo naučiti kako raditi sa CSS-om koristeći mogućnosti jQuery-ja.

U ovoj lekciji ćemo proučiti događaje (events) u jQuery-ju. Takođe ćemo se upoznati sa metodom animate(), koja omogućava pravljenje animacija. Kroz događaje i animate() napravićemo animirani kontakt formular.

U ovom videu ćemo naučiti kako koristiti jQuery za kreiranje online kalkulatora. Takođe ćemo povezati plugin Sexy Uniform da naši tasteri izgledaju lepo.

U ovoj lekciji ćemo naučiti kako pomoću jQuery napraviti jednostavnu foto galeriju.

Verovatno ste već videli polje za pretragu sa tekstom "Pretraga", na koje kliknete i reč "Pretraga" nestane da biste mogli uneti svoj upit. Ispod je jQuery snippet za ovo:

Kod fajla

/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 kod:

#tabs {
  border: 0px;
}

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

HTML kod u node-product.tpl.php: