Când Web-ul a venit în primul rând, a fost destul de plictisitor și primitiv. pagini web, practic, constă dintr-un simplu cod HTML, a cărui sarcină principală este de a transmite informațiile necesare pentru utilizator. De atunci făcând clic pe link-ul, utilizatorii se așteaptă să înceapă o nouă pagină. Asta a fost toată interactivitatea.
JQUERY: Funcția de bază și obiectivele principale CARE EFECTUEAZĂ BIBLIOTECA
În jQuery, există mai multe funcții utile pentru lucrul cu DOM, Stivuitoare eveniment, formulare, efecte pe pagină și multe altele. Cu toate acestea, există caracteristici pe care ar trebui să știți înainte de a utiliza jQuery:
- Interacțiunea cu fiecare element individual: fiecare funcție ()
- Evenimente. Procesarea Eveniment: Funcția pe ()
- Animații și efecte: funcția animate ()
În continuare, o privire detaliată la fiecare dintre aceste funcții.
În jQuery are multe avantaje și una dintre ele - este „buclă automată.“ Acest lucru ne eliberează de cicluri sostalveniya jQuery pentru a trece printr-un anumit set de elemente. De exemplu:
$ ( 'Img') fadeOut () .; - în acest caz, funcția în același timp munca pentru toate imaginile de pe pagină, prin urmare, ceea ce le face complet transparent (CSS = opacitate: 0). Se întâmplă de multe ori că, atunci când selectați un anumit set de elemente, trebuie să efectuați nu una, ci mai multe acțiuni. Pentru a face acest lucru, există o funcție de fiecare ().
Această funcție ia un ocol (forță brută într-un ciclu) set de toate elementele jQuery și solicită o funcție de apel invers pentru fiecare dintre ele. Returnează un obiect. De fiecare dată când executați funcția specificată (așa cum se face o singură dată pentru fiecare element de potrivire), cuvântul cheie „această“ se referă la un element DOM specific.
Arată conținutul elementelor listă buclă până la până când ajunge la «li» pentru a «opri» clasa.
$ ( 'Li'). Fiecare (function (i, elem)
alert ( «oprit» + i + «lista de item-lea".);
alert (i + ':' + $ (elem) .text ());
pe () - «Ultima bind (), live (), delegat ()»
În jQuery există un set de manipulare eveniment care surprind comportamentul vizitatorului pe pagină. Cu aceste procesoare pot efectua anumite acțiuni pe elementul selectat:
- clic (); - faceți clic pe mouse-ul
- dblclick (); - dublu clic
- hover (); - plutind deasupra elementului. 2 funcționează ca un 1: mouseenter (); și mouseleave ();
- scroll (); - este activat atunci când există o defilare pe orizontală sau pe verticală a ferestrei de browser
- comuta (); - invocat atunci când faceți clic pe un element
- încărcare (); - se declanșează atunci când toți descendenții părintelui complet încărcat în documentul
Cu funcția pe () jQuery ne permite o mai mare flexibilitate decât să se ocupe de evenimente handler de mai sus. Luați în considerare o structură de funcții (argumentele sale):
$ ( 'Selector'). On ( 'clic', selector, MYDATA, functionName)
- primul argument: evenimentul
- un al doilea (opțional).
- Trei: date care pot fi transmise la funcția. Acest lucru poate fi obiect obiect Literal sau variabilă Literal
- Al patrulea argument: numele funcției sau funcția anonimă
Trebuie să alerteze () de afișare a mesajelor text diferit în funcție de elementul dat click. Puteți crea mai multe variabile și le-a pus într-un alt obiect Literal:
$ ( 'A'), pe ( 'clic', linkVar, showMessage) .; - Făcând clic pe link-ul de a vedea un mesaj linkVar variabilă
$ ( 'P'), pe ( 'clic', pVar, showMessage) .; - Făcând clic pe secțiunea, obținem mesajul variabil pVar
De asemenea, puteți utiliza mai multe evenimente pentru a apela aceeași funcție:
$ ( 'A'), pe ( 'click Hover keypress', linkVar, showMessage) .;
Fiecare eveniment poate cauza o varietate de funcții: