jQuery - библиотека для JavaScript
JavaScript - это язык, который выполняется непосредственно на рабочей станции пользователя и нужен для организации всяких красот, выполнения ввода информации в базу данных без перезагрузки странички (технология AJAX) и т.д.
Когда я впервые познакомился с работой программ в инете, я удивился, что все они работают с перегрузкой страничек. В обычных программах таких эффектов я не видел (взять хотя бы Excel - вводишь данные в ячейки, а страничка не перегружается!).
Потом как-то привык и уже стал думать, что это такая неизбежная фича веб-программирования. Особый фирменный стиль интернета.
И тут появились программы, которые при вводе данных вызывали появление забавного значка загрузки:
Это новая технология веб-программирования. Ожидание загрузки данных без перегрузки странички!
Скажу честно, я тогда сразу не понял, да и сейчас не очень понимаю, чем ожидание с просмотром указанного живого значка лучше ожидания с просмотром на перегрузку странички, но… народ сказал: "Любо!", - значит, надо нам с вами осваивать новую технологию.
Теперь пробуем выполнить самую простую программку с использованием библиотеки jquery, версии 1.5.
Текст этот программки такой:
<a href=//jquery.com>jQuery</a>
<script src=//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js></script>
<script>$(document).ready(function(){$("a").click(function(event){alert("Все в сад"); event.preventDefault()})})</script>
А выполнить ее можно, нажав сюда: kocby.ru/post/webmaster/jquery/test01/
У вас должно открыться вот такое окно с программой:
А суть программы простая и очень глубокая. Если вы в ней кликните единственную имеющуюся там ссылку "jQuery" (а там больше ничего и нет), если у Вас нормально работает JavaScript в целом и библиотека jQuery в частности, то результат должен быть таким:
Если результат оказался другим, то у Вас что-то не так для работы JavaScript + jQuery.
Пример этот тестовый, учебный. Примененная в нем "защита клика от дурака" легко обходится кликом правой кнопки мыши:
После правого клика мыши выбираете любой из пунктов меню:
"Открыть"
"Открыть в новой вкладке"
"Открыть в новом окне"
В результате мы попадаем на основной сайт, который поддерживает библиотеку "jQuery":
Именно здесь и надо черпать библиотеки и знания, касающиеся "jQuery".
jquery-1.5.min.js Production (29KB, Minified and Gzipped)
jquery-1.5.js Development (207KB, Uncompressed Code)
Выбирайте степень упаковки-сжатия:
jquery-1.5.min.js для конечных пользователей (29KB, минимизированная и зипованная);
jquery-1.5.js для разработчиков-программеров (207KB, код без упаковки).
На самом деле версия Production (Для конечных пользователей) была всего лишь Minified (Минимизированная), но не была Gzipped (Гзипованная), но это не так уж и важно. При современных скоростях интернета, что 29KB, что 84KB, суть 1 и та же - практически мгновенная загрузка.
Обе версии библиотеки тут:
kocby.ru/post/webmaster/jquery/lib/jquery-1.5.min.js - версия Production (для конечных пользователей)
kocby.ru/post/webmaster/jquery/lib/jquery-1.5.js - версия Development (для разработчиков-программеров)
И по аналогии с тестом №1, сделал еще пару тестов-клонов:
kocby.ru/post/webmaster/jquery/test02/
kocby.ru/post/webmaster/jquery/test03/
Отличия от теста №1 заключаются в том, что теперь библиотеки подтягиваются непосредственно с сайта kocby.ru (тест 2 работает с библиотекой jquery-1.5.min.js, тест 3 работает с библиотекой jquery-1.5.js).
Кроме того, в обоих тестах 2 и 3 сделал язык страничек русским путем html lang=ru и попробовал использовать русский текст.