Krótki przegląd możliwości jQuery część I

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.

$("div.przycisk").click(function(){
                    $("div.przyklad").animate({"left": "+=15px"}, "fast");
});

$(„.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.

.przyklad {  position:absolute; background:#555; width: 50px; padding: 5px;  }




jestem boxem

Cały przykład :

  



jestem boxem

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.

$("#przycisk").click(function(){
                    $("div.przyklad").slideToggle("slow");
});

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ć