Jedna JavaScript biblioteka koja je donedavno bila jako mnogo korišćena. Još uvek se mnogo koristi, a kažu da joj je upotreba u opadanju.

U nastavku je više video snimaka koji su snimani 2016 godine i koriste se starije verzije. Za nas zasad verzija nije bitna.

Vi treba da koristite verziju koja je trenutno najnovija.

(i ne brinite što oni pišu index.php, vi pravite index.html, a sve ostalo je isto)

Dodatno: A ako koristite VS Code, moglo bi biti od pomoći da dodate "jQuery Code Snippets"

Pokušajte da ispratite video snimke i da uradite zadatke.

( napomena: iako se u video snimcima koristi index.php - mi koristimo HTML fajlove za ove primere, VS Code i Live Server !)

Video snimak 1 - Uvod

Upotreba znaka $: umesto da se piše funkcija jQuery(), piše se skraćeno $() .... znači ovo je samo skraćenica.

2. jQuery - selektor i sintaksa: 

3. Događaji: 

4. Sakrij i prikaži: 

 ... dovde se radi 23.03.2023. ...

 

24.03.2023.

....  nastavljamo .... po jedan video snimak po času, s tim da na časovima dodajemo i varijacije (po predlozima učenika...)

5. Fade:  

6. Slide:  

7. ANIMACIJE:  

 

Dodatak / Napomene

Kako se sve mogu uključiti JavaScript biblioteke u vaš projekat?

 - korišćenjem CDN-a: ubacite link ka JavaScript biblioteci koji ste našli na Internetu
        (ovako su radili u prvom video snimku)

 - preuzimanjem fajla, i postavljanjem kompletnog fajla u vaš projekat, a onda povezivanje sa fajlom koji imate
        (ovako radi profesor u tutorijalu koji će biti naveden u nastavku)

I jedno i drugo će raditi.

Napomena: Bez obzira koju verziju koriste u tutorijalima, vi ćete uvek koristiti poslednje verzije za jQuery.

Logično je da vaše skripte treba da budu posle navođenja jQuery biblioteke, da bi mogli da u vašoj skripti koristite jQuery.

Jednostavan primer, za vežbu:

Video snimak : primer, za vežbu

(dodato - napomene):

$ je skraćenica od jQuery - radiće i jedno i drugo:  jQuery("h1") = $("h1")

Neke skraćenice za VS Code:

kada kucate html - birajte opciju html:5 - da dobijete blanko templejt za html 5

ili ako kucate ! - dobijate isto ...

kada kucate ready, možete birati ili jqDocReady - ubacivanje templejta za $(document).ready(functio...ili jqDocReadyShort - ista funkcija, ali počinje sa $(function... (pod pretpostavkom da imate "jQuery Code Snippets")

znači: $(document).ready(functio.. = $(function..

Last modified: Wednesday, 29 October 2025, 9:12 AM