jQuery — JavaScript-фреймворк, фокусирующийся на взаимодействии JavaScript и HTML. Был опубликован на компьютерной конференции «BarCamp» в Нью-Йорке Джоном Ресигом в 2006 году.
Но изучение надо с чего-то начинать, и лично моё мнение — лучше всего начинать с наглядных примеров, и они далее…
Возможности
- Переход по дереву DOM, включая поддержку XPath как плагина,
- события,
- визуальные эффекты,
- AJAX-дополнения,
- JavaScript-плагины.
Использование
jQuery включается в веб-страницу как один внешний JavaScript-файл:
<script type=»text/javascript» src=»путь/к/jQuery.js»></script>
Существует два вида вызова методов jQuery:
через функции $, являющиеся методами обьекта jQuery. Их можно объединять в цепочку, поскольку каждая из них возвращает этот объект;
через функции $., не связанные с объектом jQuery.
Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML-страницы. Эти элементы затем обрабатываются методами jQuery. Например,
$(«div.test»).add(«p.quote»).addClass(«blue»).slideDown(«slow»);
находит все элементы <div> с классом test, а также все элементы <p> с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз.
Методы, начинающиеся с $., удобно применять для обработки глобальных объектов. Например,
$.each([1,2,3], function() {
document.write(this + 1);
});
добавит на страницу 234.
$.ajax и соответствующие функции позволяют использовать методы AJAX.
Принцип работы jQuery:
Принцип работы jQuery
В следующей статье, я опишу некоторые простейшие примеры работы фреймворка — jQuery.
Кстати, сам файлик jQuery.js — можно скачать на официальном сайте.
