Журнал «Код моё имя»

Что вообще такое JQuery?
jQuery — это мощное дополнение к «привычному» JavaScript, которое расширяет набор методов и функций у стандартных объектов, и делает большинство типовых операций с объектами страницы в JavaScript.
Зачем он нужен?
jQuery — это, прежде всего, набор готовых инструментов для манипуляции объектами HTML страницы и связи с серверами (AJAX). Основная идея этой библиотеки сделать работу с объ-ектами страницы невероятно простой, короткой и понятной.
Интересная штука? А теперь немного о том, как с ним работать.


Основа

Всё начинается с подключения фрэймворка в страничку:

Для начала работы с этим фрэймворком вам необходимо знать базовые принципы получения объектов странички (DOM), так как именно с ними работает любой Javascript код.
Где, как ни на наглядном примере можно понять как работает всё это… Вот простой пример:

Разберём теперь каждую строку кода:
$(document).ready(function() {…} — начинаем выполнять код после того, как загрузятся полностью объекты
$(«.button»).click(function() {…} — для всех объектов странички у которых класс «button» при действии клик мы выполняем функцию …
$(«#slide»).slideDown(«slow») — для объекта с id=»slide» мы делаем эффект slideDown (более подробно об эффектах JQuery вы можете найти в документации

Получение объектов

Для того чтобы понимать как работает селектор Вам необходимы базовые знания CSS, так как именно от них селектор и отталкивается.
Получить объекты можно несколькими способами:
* $(«#someID») — получение элемента с id=«someID»
* $(«h1») — получить все <h1> элементы
* $(«div#somediv .someclass») — получить все элементы с классом =«someclass» которые находятся в элементе div с id=«somediv»
* $(«ul li») — получить все <li> элементы из списка <ul>
* $(«ul li:first») — получить только первый элемент <li> из списка <ul>

Ну вот теперь вы знаете базовые принципы работы с JQuery. Если вас заинтересовал данный framework то более детальная работа я объектами, а так же различные эффекты с опишу в следующих статьях