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.

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:


5. Fade:


6. Slide:


7. ANIMACIJE:

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.

Za učenike koji žele da znaju više:

Zgodna knjiga za učenje jQuery za početnike:

  • R.Benedetti, R.Cranley: "Head first jQuery" koja je objavljena 2011. godine

Jednostavan primer, za vežbu:

(dodato 08.02 - napomene):

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

Skraćenice za VS Code:

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

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..



Poslednja izmena: петак, 13. децембар 2024, 16:37