JQuery для чайников. Урок 7. Основные понятия и возможности JQuery. Селекторы CSS
Что бы смотреть урок полностью, подпишитесь на платный раздел.
В платном разделе статья находиться здесь.
Исходники к уроку можно скачать в платном разделе.
На протяжении шести прошлых уроков (тут и тут) вы уже немного пощупали JQuery. Я не случайно начал уроки с описанием конкретных практических примеров - это что бы вам легче было въехать в тему. А сейчас мы будем еще и изучать теорию. И так, что же такое jQuery? А jQuery – это JavaScript-библиотека, фокусирующаяся на взаимодействии JavaScript, HTML и CSS. Вот что умеет эта библиотека:
- Обращаться к любому элементу DOM (объектной модели документа) и не только обращаться, но и манипулировать ими.
- Работать с событиями.
- Легко осуществлять различные визуальные эффекты.
- Работать с AJAX (очень полезная технология, позволяющая общаться с сервером без перезагрузки страницы, но пока мы ее трогать не будем).
- Имеет огромное количество JavaScript плагинов, предназначенных для
создания элементов пользовательских интерфейсов.
Как все подключать и откуда скачивать JQuery мы уже знаем из урока 1. Теперь начнем теорию, конечно, сдобрим ее практическими примерами. И так, как вы уже знаете, любая команда в JQuery начинается с $ - знак доллара. Затем в скобках идет селектор и действие с этим селектором. вот такой вот синтаксис...
...
... Данная программа при нажатии на кнопки показывает три вида эффектов (простой показ, отобразить сверху вниз и анимация):
Теперь рассмотрим все это более подробно. И так, селекторы. ...
...
...Этот пример устанавливает у конкретного элемента определенный стиль CSS, в данном случае устанавливает рамку толщиной 3 пикселя и красного цвета:
Другой селектор ...
...
Бывают так же селекторы по ...
...
...И вот эффект от этого примера:
При помощи ...
...
...Вот к чему приведет запуск этой программы:
В качестве второго параметра можно указать ...
...
.