JQuery для чайников. Урок 7. Основные понятия и возможности JQuery. Селекторы CSS

Что бы смотреть урок полностью, подпишитесь на платный раздел.

В платном разделе статья находиться здесь.

Исходники к уроку можно скачать в платном разделе.

На протяжении шести прошлых уроков (тут и тут) вы уже немного пощупали JQuery. Я не случайно начал уроки с описанием конкретных практических примеров - это что бы вам легче было въехать в тему. А сейчас мы будем еще и изучать теорию. И так, что же такое jQuery?  А jQuery – это JavaScript-библиотека, фокусирующаяся на взаимодействии JavaScript, HTML и CSS. Вот что умеет эта библиотека:

• Обращаться к любому элементу DOM (объектной модели документа) и не только обращаться, но и манипулировать ими.
• Работать с событиями.
• Легко осуществлять различные визуальные эффекты.
• Работать с AJAX (очень полезная технология, позволяющая общаться с сервером без перезагрузки страницы, но пока мы ее трогать не будем).
• Имеет огромное количество JavaScript плагинов, предназначенных для создания элементов пользовательских интерфейсов.
   

Как все подключать и откуда скачивать JQuery мы уже знаем из урока 1. Теперь начнем теорию, конечно, сдобрим ее практическими примерами. И так, как вы уже знаете, любая команда в JQuery начинается с $ - знак доллара. Затем в скобках идет селектор  и действие с этим селектором. вот такой вот синтаксис...

...

... Данная программа при нажатии на кнопки показывает три вида эффектов (простой показ, отобразить сверху вниз и анимация):

Теперь рассмотрим все это более подробно. И так, селекторы. ...

...

...Этот пример устанавливает у конкретного элемента определенный стиль CSS,  в данном случае устанавливает рамку толщиной 3 пикселя и красного цвета:

Другой селектор ...

...

Бывают так же селекторы по ...

...

...И вот эффект от этого примера:

При помощи ...

...

...Вот к чему приведет запуск этой программы:

В качестве второго параметра можно указать ...

...

.