Ultimele tutoriale de dezvoltare web
 

jQuery Exemple


Doriți să dezvolte abilitățile de selector jQuery?

Vă rugăm să încercați noastre jQuery Selector de Tester


jQuery Selectori

$("p"). hide()
Demonstrează jQuery hide() metoda, ascunderea toate <p> elemente.

$("#test"). hide()
Demonstrează jQuery hide() metoda, ascunderea elementului cu id="test" .

$(".test"). hide()
Demonstrează jQuery hide() metoda, ascunderea toate elementele cu class="test" .

$(this). hide()
Demonstrează jQuery hide() metoda, ascunde elementul HTML curent.

Examples explained


jQuery Evenimente

jQuery click()
Demonstrează jQuery click() eveniment.

jQuery dblclick()
Demonstrează jQuery dblclick() eveniment.

jQuery mouseenter()
Demonstrează jQuery mouseenter() eveniment.

jQuery mouseleave()
Demonstrează jQuery mouseleave() eveniment.

jQuery mousedown()
Demonstrează jQuery mousedown() eveniment.

jQuery mouseup()
Demonstrează jQuery mouseup() eveniment.

jQuery hover()
Demonstrează jQuery hover() eveniment.

jQuery focus() și blur()
Demonstrează jQuery focus() și blur() evenimente.

Examples explained


jQuery Ascundere / Afișare

jQuery hide()
Demonstrează jQuery hide() metoda.

jQuery hide() și show()
Demonstrează jQuery hide() și show() metode.

jQuery toggle()
jQuery toggle() comută între hide() și show() .

jQuery hide()
O altă demonstrație ascunde. Cum de a ascunde fragmente de text.

Examples explained


jQuery Fade

jQuery fadeIn()
Demonstrează jQuery fadeIn() metoda.

jQuery fadeOut()
Demonstrează jQuery fadeOut() metoda.

jQuery fadeToggle()
Demonstrează jQuery fadeToggle() metoda.

jQuery fadeTo()
Demonstrează jQuery fadeTo() metoda.

Examples explained


jQuery Slide

jQuery slideDown()
Demonstrează jQuery slideDown() metoda.

jQuery slideUp()
Demonstrează jQuery slideUp() metoda.

jQuery slideToggle()
Demonstrează jQuery slideToggle() metoda.

Examples explained


jQuery Animare

jQuery animate()
Demonstrează o simpla utilizare a jQuery animate() metoda.

jQuery animate() - manipula mai multe proprietăți CSS
Demonstrează că poți manipula mai multe proprietăți CSS cu jQuery animate() metoda.

jQuery animate() - folosind valori relative
Demonstrează că puteți utiliza valori relative în jQuery animate() metoda.

jQuery animate() - folosind valori predefinite
Demonstrează pe care le puteți utiliza valorile pre-definite "hide", "show" , "toggle" în jQuery animate() metoda.

jQuery animate()
Demonstrează mai mult folosind jQuery animate() metoda (several animate() apeluri după altul).

jQuery animate()
Demonstrează mai mult folosind jQuery animate() metoda (several animate() apeluri după altul).

Examples explained


jQuery stop Animații

jQuery stop() de alunecare
Demonstrează jQuery stop() metoda.

jQuery stop() animație (with parameters)
Demonstrează jQuery stop() metoda.

Examples explained


jQuery HTML Get conținut și atribute

jQuery text() și html() - Ia conținut
Obțineți conținut cu jQuery text() si html() metode.

jQuery val() - Ia conținut
Ia valoarea unui câmp de formular cu jQuery val() metoda.

jQuery attr() - Ia valoarea atributului
Ia valoarea unui atribut cu jQuery attr() metoda.

Examples explained


jQuery HTML Set de conținut și atribute

jQuery text() , html() , și val() - Set de conținut
Set de conținut cu jQuery text() , html() și val() metode.

jQuery text() și html() - Set de conținut cu o funcție de apel invers
Set de conținut + utilizând o funcție de apel invers în interiorul text() și html() .

jQuery attr() - Setați valoarea atributului
Setați valoarea atributului cu jQuery attr() metoda.

jQuery attr() - Setați mai multe valori de atribute
Setați mai multe valori atribut cu jQuery attr() metoda.

jQuery attr() - Setați valoarea atributului cu o funcție de apel invers
Setați valoarea atributului + utilizând o funcție callback în interiorul attr() .

Examples explained


jQuery HTML Adăugați elemente / conținut

jQuery append()
Inserare conținut la sfârșitul elementelor HTML selectate.

jQuery prepend()
Inserare conținut la începutul elementelor HTML selectate.

jQuery append() - introduce mai multe elemente noi
Creați elemente noi cu text / HTML, jQuery, JavaScript și / DOM. Apoi, adăugați noile elemente ale textului.

jQuery after() și mai before()
Inserare conținut după și înainte de elementele HTML selectate.

jQuery after() - introduce mai multe elemente noi
Creați elemente noi cu text / HTML, jQuery, JavaScript și / DOM. Apoi se introduce noile elemente după elementul selectat.

Examples explained


jQuery HTML elimina elementele / conținut

jQuery remove()
Scoateți selectat element(s) .

jQuery empty()
Eliminați toate elementele copil ale selectat element(s) .

jQuery remove() - cu un parametru
Se filtrează elementele care urmează să fie eliminate

Examples explained


jQuery Get și Set clase CSS

jQuery addClass()
Adăugați atribute de clasă la elemente diferite.

jQuery addClass() - clase multiple
Specificați mai multe clase în cadrul addClass() metoda.

jQuery removeClass()
Eliminați un atribut de clasă specifică de elemente diferite.

jQuery toggleClass()
Comutați între adăugarea / eliminarea claselor din elementele selectate.

Examples explained


jQuery css() Metoda

jQuery css() - retur CSS proprietate
Returneaza valoarea unei proprietăți CSS specificat de primul element de potrivire.

jQuery css() - set de proprietate CSS
Setați o proprietate CSS specificat pentru toate elementele potrivite.

jQuery css() - set proprietăți CSS
Setați mai multe proprietăți CSS pentru toate elementele potrivite.

Examples explained


jQuery Dimensiuni

jQuery - retur width() și height()
Întoarceți lățimea și înălțimea unui element specificat.

jQuery - întoarce innerWidth() și innerHeight()
Returneaza interior lățime / înălțimea unui element specificat.

jQuery - întoarce outerWidth() și outerHeight()
Returneaza exterior lățime / înălțime a unui element specificat.

jQuery - întoarce outerWidth(true) și outerHeight(true)
Returneaza exterior lățime / înălțime (including margins) ale unui element specificat.

jQuery - retur width() și height() documentului și fereastra
Întoarceți lățimea și înălțimea documentului (the HTML document) și fereastra (viewport browser - ul).

jQuery - set width() și height()
Setează lățimea și înălțimea unui element specificat.

Examples explained


jQuery dipozitive Strămoși

jQuery parent()
Demonstrează jQuery parent() metodă.

jQuery parents()
Demonstrează jQuery parents() metoda.

jQuery parentsUntil()
Demonstrează jQuery parentsUntil() metoda.

Examples explained


Urmașii jQuery dipozitive

jQuery children()
Demonstrează jQuery children() metoda.

jQuery find()
Demonstrează jQuery find() metoda.

Examples explained


jQuery Siblings parcurgere

jQuery siblings()
Demonstrează jQuery siblings() metoda.

jQuery next()
Demonstrează jQuery next() metoda.

jQuery nextAll()
Demonstrează jQuery nextAll() metoda.

jQuery nextUntil()
Demonstrează jQuery nextUntil() metoda.

Examples explained


jQuery Filtrare parcurgere

jQuery first()
Demonstrează jQuery first() metodă.

jQuery last()
Demonstrează jQuery last() metoda.

jQuery eq()
Demonstrează jQuery eq() metoda.

jQuery filter()
Demonstrează jQuery filter() metoda.

jQuery not()
Demonstrează jQuery not() metoda.

Examples explained


jQuery AJAX load() Metoda

jQuery de load()
Încărcați conținutul unui fișier într - un <div> elementul.

jQuery de load()
Încărcați conținutul unui element specific în interiorul unui fișier, într - un <div> elementul.

jQuery de sarcină () - cu apel invers
Utilizarea de jQuery de load() metoda cu o funcție de apel invers.

Examples explained


jQuery AJAX get() și post() - post() Metode

jQuery get()
Utilizați $. get() $. get() metoda pentru a prelua date dintr - un fișier de pe server.

jQuery post()
Utilizați $. post() $. post() metoda pentru a trimite date , împreună cu solicitarea.

Examples explained