Jquery pentru incepatori, educație W3

Luați în considerare un exemplu simplu:

Pentru a conecta biblioteca jQuery, trebuie să specificați calea către biblioteca atribut fișier script src tag-ul. De exemplu, în cazul în care jquery.js situate în același director ca și HTML-fișier, puteți utiliza această metodă:

În cazul în care biblioteca script-ul se află în directorul rădăcină de script-uri. care se află la rădăcina site-ului, atunci trebuie să specificați:

Pentru a afla ce versiune de jQuery este mai bine pentru a descărca, a se vedea articolul „În cazul în care se descarcă jQuery?“ .

executarea de cod după încărcarea documentului

Pentru a rezolva această problemă există o funcție jQuery simplu care verifică documentul la sfârșitul descărcării, această caracteristică este cunoscută sub numele de eveniment gata:

În exemplul următor, în interiorul evenimentului are loc gata pentru a adăuga handler clic eveniment pentru link-ul de pe pagina:

După ce faceți clic pe link-ul de browser-ul va afișa un mesaj înainte de a merge la pagina de start jQuery.

Pentru evenimentele legate de clicuri, și de cele mai multe alte evenimente este posibil pentru a preveni comportamentul implicit. Pentru a preveni transferul de link-ul, în acest caz site-ul jquery.com, aveți nevoie pentru a apela event.preventDefault () metoda de tratare a evenimentelor în:

exemplu complet

Următorul exemplu arată o întreagă pagină HTML cu cod jQuery. Rețineți că fișierul bibliotecă jQuery este descărcat de stocare CDN Google. De asemenea, incluse în elementul scenariu scris . dar este recomandat să-l plaseze într-un fișier separat și se referă la acesta cu elementul atributul script src.

Adăugarea și îndepărtarea de clasa HTML

O altă realizare jQuery utilizare omniprezent - adăugarea (sau eliminarea) clasă.

În primul rând, creați o regulă CSS într-un cap de stil element de etichetare:

Acum apelează funcția addClass pentru a adăuga o clasă la link-ul:

Toate elementele unei pagini pentru a schimba fontul pentru caractere aldine.

Pentru a elimina clasa, utilizați funcția removeClass:

Rețineți că HTML vă permite să adăugați mai multe clase într-un singur element.

efecte vizuale

În jQuery este disponibil un cuplu de efecte utile care pot face site-ul mai atractiv. Schimbarea handler clic eveniment pentru link-ul:

Acum, când faceți clic pe orice link dispare încet.

Funcția de apel invers-

Sună înapoi - este o funcție care este specificat ca argument pentru o altă funcție și începe după finalizarea unei alte funcții. Este important să se înțeleagă modul în care să treacă în mod corespunzător de apel invers-funcție ca un argument.

-Funcția de apel invers fără argumente

Pentru apel invers-funcția fără argumente puteți trece în acest fel:

Rețineți că al doilea parametru este numele unui apel invers-funcție fără ghilimele și paranteze (acest lucru nu este un șir de caractere).

Argumentele funcției de apel invers-

Pentru a utiliza funcția de apel invers-cu argumente, trebuie să scrie cod de genul:

Acest cod nu va conduce la rezultatul dorit, este greșit:

Cum de a afla mai multe despre jQuery

Pentru a spori cunoștințele de jQuery vă puteți referi la restul documentației jQuery de pe acest site.