jQuery este o librarie de functii JavaScript creata de John Resig.jQuery e centrat pe lucrul si manipularea elementelor HTML si CSS in pagina web. Are de asemenea utilitati Ajax pentru transmitere de date la server, functii pt. lucru cu obiecte, array si evenimente.Aproape toate scripturile facute cu jQuery functioneaza la fel in principalele navigatoare web….
Dupa ce au fost selectate elementele HTML cu jQuery, se pot manipula proprietatile lor CSS pentru a crea diferite efecte. Citire proprietati CSS Proprietatile CSS ale unui element HTML se pot citi /prelua cu urmatoarea sintaxa: $(‘selector’).css(‘proprietate_css’); – selector – reprezinta un element HTML.– proprietate_css – proprietatea CSS ce va fi citita. Codul din urmatorul…
In acest tutorial sunt prezentate cateva efecte simple ce pot fi create cu jQuery. Ascundere Elemente Pentru a ascunde un element in pagina, se poate folosi metoda hide().Sintaxa $(‘selector’).hide(‘durata’); – „durata” – (optional) determina viteza animatiei de ascundere. Poate fi unul din sirurile „fast” si „slow”, sau un numar care indica durata in milisecunde. Exemplu:…
Cu jQuery se pot usor adauga si sterge elemente HTML in pagina Web, precum si modificarea continutului lor. Adaugare Elemente noi Sunt doua modalitati de a adauga noi elemente HTML cu jQuery, se poate crea elementul si apoi sa fie inclus in pagina intr-o locatie specificata, sau se poate adauga direct codul elementului. 1. Creare…
Acest tutorial arata cum se obtine valoarea atributului unui element cu jQuery, orice atribut adaugat in acel tag HTML (id, class, name, title, src, etc.).– Pentru a obtine valoarea unui atribut cu jQuery, se foloseste functia attr().Sintaxa: $(element).attr(‘nume_atribut’) – Daca „nume_atribut” nu exista in „element”, functia attr() va returna „undefined”. Pentru a face…
In acest tutorial puteti invata cum se Adauga, Modifica si Sterge Atribute (precum id, class, href, disabled, etc.) la elemente HTML folosind jQuery.Toate aceste actiuni pot fi efectuate cu metodele jQuery attr() si removeAttr(). Adaugare atribut Pentru a adauga un atribut la un element /sau elemente HTML (cum sunt id, class, href, selected, etc.), se…
Un alt mod de a afisa si ascunde elemente in pagina este cu fadeIn si fadeOut, care mereu creaza un efect animat. fadeIn() si fadeOut() Aceste doua metode jQuery au urmatoarele sintaxe: $(‘selector’).fadeIn(‘durata’); $(‘selector’).fadeOut(‘durata’); – fadeIn() – afiseaza elementele selectate, marind treptat valoarea opacitatii de la 0 la 100%.– fadeOut() – ascunde elementele selectate, facandu-le…
Exista mai multe moduri a a afisa si ascunde un element in pagina web cu jQuery, una dintre aceste metode este printr-o miscare animata de alunecare (glisare). slideDown() si SlideUp() Metoda slideDown() afiseaza elementele selectate printr-un efect de animare a inaltimii lor.Metoda slideUp() ascunde elementele selectate, printr-un efect de glisare.Aceste doua metode jQuery se folosesc…
Cu jQuery se pot crea efecte de animatie la elementele din pagina prin modificarea proprietatilor CSS, folosind o metoda jQuery denumita animate. Metoda animate Metoda animate() permite crearea unui efect de animatie la oricare proprietate CSS cu valoare numerica (dimensiuni, distanta, marime font).animate() se poate folosi cu aceasta sintaxa: animate( { proprietate1: valoare, proprietate2: valoare,…
Acest tutorial arata cum se poate schimba, anima si obtine pozitia unei imagini de fundal (background) din elementele HTML, cu jQuery.Daca doriti pur si simplu sa setati sau sa modificati pozitia imaginii de fundal, folositi aceasta sintaxa: $(selector).css({ backgroundPosition: ‘Xval Yval’ }) – Xval – reprezinta valoarea pentru pozitia orizontala.– Yval – reprezinta valoarea pentru…