Kitek's Page Blog programisty / webdeveloper'a

jQuery

Framework jQuery

“The Write Less, Do More…“ – Pisz mniej, rób więcej…

Tak właśnie brzmi hasło bardzo przyjemnego framework’a o nazwie jQuery dostępnego za darmo w sieci.

Dlaczego jquery jest taki przyjemny?

Odpowiedź jest prosta: zamiast pięćdziesięciu linii kodu możemy napisać tylko dziesięć wykorzystując do tego tytułowy framework. Oszczędzamy na objętości, przejrzystości i wydajności naszych skryptów.

Podstawy jQuery

jQuery w swojej budowie najbardziej przypomina mi inny Framework prototype. Całą zabawę zaczynamy zawsze od magicznego “dolara” $. Dzięki niemu otrzymujemy dostęp do wszystkich dobrodziejstw jakie oferuje nam jQuery (a jest tego dosyć sporo) :)

Zabieramy się do napisania pierwszego prostego przykładu:

HTML:

<div id="przyklad1" style="display:none;">
Bardzo fajny pierwszy przykład użycia jquery
</div>

JS:

$('#przyklad1').show('slow');

W powyższym przykładzie zastosowaliśmy prostą animację “pokazywania” ukrytego elementu o nazwie “przykład1”:

$('#przykład1') – w taki sposób wskazaliśmy jq na jakim obiekcie chcemy przeprowadzać operacje show('slow') – natomiast tak “kazaliśmy” jQuery pokazać wskazany powyżej element.

Więcej przykładów animacji:

Rozwijanie pionowe:

$('#przyklad2').slideDown('fast');

Ukrywanie elementów:

$('#przyklad2').hide('slow');
$('#przyklad4').slideUp('slow');

Przełączanie elementów: pokaż/ukryj:

$('#przyklad5').toggle('slow');

To zaledwie początek, dzięki framework’owi jQuery możemy zrobić naprawdę dużo więcej :) Szczerze zachęcam do zapoznania się z dokumentacją jQuery.

Linki: