Test jQuery

Popraw swoje umiejętności jQuery poprzez przykłady!

Przykład gramatyki jQuery

$("this").hide()
Pokazanie funkcji hide() jQuery, ukrycie bieżącego elementu HTML
$("p").hide()
Pokazanie funkcji hide() jQuery, ukrycie wszystkich elementów <p>
$(".test").hide()
Pokazanie funkcji hide() jQuery, ukrycie wszystkich elementów o klasie="test"
$("#test").hide()
Pokazanie funkcji hide() jQuery, ukrycie elementu o id="test"

Wyjaśnienie przykładu

Ukrywanie - Przesuwanie - Zanikanie

jQuery fadeOut()
Pokazanie prostego funkcji jQuery fadeout()
jQuery hide()
Pokazanie prostego funkcji jQuery hide()
Ukryj wyjaśnienia
Pokazanie, jak ukryć część tekstu
Slide panel
Pokazanie prostego efektu Slide Panel
jQuery animate()
Pokazanie prostego funkcji jQuery animate()

Wyjaśnienie przykładu

Operacje HTML

Zmień zawartość elementu HTML.

Dodaj zawartość do elementu HTML.

Dodaj zawartość po elemencie HTML.

Wyjaśnienie przykładu

Operacje CSS

Zmień atrybuty CSS elementu HTML.

Zmień wiele atrybutów CSS.

Uzyskaj atrybuty CSS elementu.

Wyjaśnienie przykładu

AJAX i jQuery

Użyj $(selector).load(url) aby zmienić zawartość HTML.

Użyj $.ajax(options) aby zmienić zawartość HTML.

Wyjaśnienie przykładu