Cu jQuery selectați (query) elemente HTML și de a efectua "actions" pe ele.
jQuery Sintaxa
Sintaxa jQuery este personalizat selecting elementelor HTML și realizarea unor action pe element(s) .
Sintaxa de bază este: $( selector ). action () $( selector ). action ()
- Un $ semn pentru a defini / acces jQuery
- A ( selector ) pentru "interogare (or find) " elemente HTML
- O jQuery action () care urmează să fie efectuată pe element(s)
Exemple:
$(this). hide() $(this). hide() - ascunde elementul curent.
$("p"). hide() $("p"). hide() - ascunde toate <p> elemente.
$(".test"). hide() $(".test"). hide() - ascunde toate elementele cu class="test" .
$("#test"). hide() $("#test"). hide() - ascunde elementul cu id="test" .
Are you familiar with CSS selectors?
jQuery foloseste sintaxa CSS pentru a selecta elemente. Vei afla mai multe despre sintaxa selectorului în următorul capitol al acestui tutorial.
Gata Eveniment Document
S-ar putea să fi observat că toate metodele jQuery în exemplele noastre, sunt într-un eveniment gata de document:
$(document) . ready(function() {
// jQuery methods go here...
});
Acest lucru este de a preveni orice cod jQuery de la rularea înainte ca documentul terminat încărcarea (is ready) .
Este o bună practică să aștepte ca documentul să fie complet încărcat și pregătit înainte de a lucra cu ea. Acest lucru, de asemenea, vă permite să aveți codul JavaScript înainte de corpul documentului, în secțiunea cap.
Iată câteva exemple de acțiuni care pot eșua dacă metodele sunt rulate înainte ca documentul este complet încărcat:
- Încercarea de a ascunde un element care nu este creat încă
- Încercarea de a obține dimensiunea unei imagini care nu este încărcat încă
Tip: Echipa jQuery a creat , de asemenea , o metodă chiar mai scurtă pentru eveniment gata de document:
$( function() {
// jQuery methods go here...
});
Utilizați sintaxa pe care o preferați. Credem că documentul este gata eveniment mai ușor de înțeles atunci când citirea codului.