jQuery esimerkki

Paranna jQuery-taitojasi kautta esimerkkejä!

jQuery-käyttöesimerkki

$("this").hide()
Demonstroi jQuery:n hide()-funktiota, piilottaen nykyisen HTML-elementin.
$("p").hide()
Demonstroi jQuery:n hide()-funktiota, piilottaen kaikki <p> -elementit.
$(".test").hide()
Demonstroi jQuery:n hide()-funktiota, piilottaen kaikki class="test" -elementit.
$("#test").hide()
Demonstroi jQuery:n hide()-funktiota, piilottaen id="test" -elementtiä.

Esimerkki selityksestä

Piilottaminen - Liikkuminen - Hämmentäminen

jQuery fadeOut()
Demonstroi yksinkertaista jQuery fadeout()-funktiota.
jQuery hide()
Demonstroi yksinkertaista jQuery hide()-funktiota.
Piilota selitykset
Demonstroi, miten osa tekstistä piilotetaan.
Slide panel
Demonstroi yksinkertaista Slide Panel -tehostetta.
jQuery animate()
Demonstroi yksinkertaista jQuery animate()-funktiota.

Esimerkki selityksestä

HTML-toiminnot

Muuta HTML-elementin sisältö.

Lisää sisältö HTML-elementtiin.

Lisää sisältö HTML-elementin jälkeen.

Esimerkki selityksestä

CSS-toiminnot

Muuta HTML-elementin CSS-ominaisuuksia.

Muuta useita CSS-ominaisuuksia.

Hanki elementin CSS-ominaisuus.

Esimerkki selityksestä

AJAX ja jQuery

Muuta HTML-sisältöä käyttämällä $(selector).load(url).

Muuta HTML-sisältöä käyttämällä $.ajax(options).

Esimerkki selityksestä