Wstęp:

W tym wpisie postaram się przedstawić kilka najprostszych funkcji jQuery, mam nadzieję, że dzięki temu wpisowi, ktoś dołączy do szerokiego grona użytkowników tej biblioteki.

Podstawowe funkcje:

Jedną z podstawowych kategorii funkcji są efekty. Poniżej przedstawię działanie najpopularniejszych i najczęściej wykorzystywanych możliwości.

.animate();

Funkcja animate pozwala nam na stworzenie animacji, wykorzystując metody CSS.

$(„.przycisk”).click(function(){ }) uruchamia funkcję animate po kliknięciu w button oznaczony class-ą „przycisk”. Animate, ze względu na to, że wybrałem opcję „fast”, szybko przesunie o 15px w lewo nasz box.

Cały przykład :

Demo 1

.slideToggle();

Pozwala nam na ukrywanie widocznych elementów i pokazywanie ukrytych. Funkcja jest bardzo prosta w obsłudze. Poniżej przedstawiam bardzo proste wykorzystanie tej metody.

Demo 2

Podsumowanie:

Wszystkie możliwości biblioteki jQuery dostępne są na oficjalnej stronie jQuery. Narzędzie to jest powszechnie wykorzystywane przez webmasterów do poprawy estetyki, funkcjonalności itp. strony wykorzystując np. technologię ajax ( o której będę pisał w części II ). Warto się nim zainteresować