You are hereJQuery
JQuery
JQuery to framework JavaScript, który jest używany przez wielkie korporacje i firmy do budowy swoich stron. Projekt ten jest używany przez Google, Dell'a, NBC, digg'a, mozilla.org, drupal i wiele innych.
W czym leży jego siła?
Jest lekki (ostatnia spakowana wersja JQuery to tylko 15k) i wiele potrafi. Najkrócej mówiąc JQuery, poprzez zapytania wykorzystujące CSS, XPath potrafi zlokalizować obiekt struktury DOM dokumenu, przypisać jej atrybuty CSS lub klasę CSS, w prosty sposób może przypisać obiektowi animację, a przede wszystkim pozwala użyć technologii AJAX, nie martwiąc się o zgodność z przeglądarkami. W łatwy sposób w JQuery można zdefiniować określone zdarzenia i zdefiniować sposób ich obsługi.
PODSTAWY
W jaki sposób rozpocząć pracę? Od pobrania skryptu jquery ze strony jquery.com i wgraniu go do naszego katalogu roboczego. Tworzymy następie w tym katalogu plik np. index.html, który może wyglądać tak.
<html>
<head>
<script type="text/javascript" src="jquery.js">
</script>
<script type="text/javascript">
// Kod js dla twojej strony
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
Po załadowaniu na stronę skrypty jquery.js można już używać jego wielkiej mocy zaczynając od deklaracji:
$.ready(function(){
alert("to twój pierwszy kod w jquery");
});
Funkacja $.ready() czeka na załadowanie strony i po jej załadowaniu wykonują sie skrypty js, które znajdują się wewnątrz nawiasów tej funkcji.
Powyższy kod jest odpowiednikiem kodu js przedstawionego niżej:
window.onload = function(){ alert("welcome"); }
Jaki efekt będzie po uruchomieniu tego pliku?
Po załadowaniu strony pojawi się okienko z komunikatem. Dla większej czytelności zbiję kod w całość. Nie będziecie musieli tego sklejać.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.ready(function(){
alert("to twój pierwszy kod w jquery");
});
</script>
</head>
<body>
<a href="http://jquery.com/">jQuery</a>
</body>
</html>
Nic rewelacyjnego, ale to dopiero początek. W dalszych częściach będziemy manipulować argumentami i klasami CSS używając zaawansowanego wybierania, filtrowania elementów strony. Prosta, kaskadowa składnia JQuery zagwarantuje Ci, że w jednym lub kilku wierszach zbudujesz efektowne reakcje stony na twoje kliknięcia.
Ale to już w następnym odcinku...
