1. Установите jQuery.
2. Проверьте: работает он или нет.

1. Создайте 3 блока с id: id_1, id_2 и id_3.
2. Создайте текстовое поле, в которое пользователь должен ввести число 1, 2 или 3.
3. Создайте кнопку «Удалить».
4. После нажатия по кнопке «Удалить», спрячьте через hide() в jQuery блок с id=id_введённое_число. Например, если пользователь ввёл 2, то должен исчезнуть блок id_2.

1. Создайте 3 абзаца (тег <p>) с произвольным текстом.
2. У каждого абзаца должен быть свой уникальный id.
3. Через jQuery получите текст внутри абзаца по случайному id и выведите его в alert().

Примечание: В результате должно получиться, что при каждом обновлении страницы в alert() выводится один из 3-х абзацев. Используйте Math.random().

1. Создайте форму с 3-мя радиокнопками, отвечающими за цвет текста. Пусть там будет красный, зелёный и синий.
2. Создайте несколько абзацев произвольного текста.
3. У каждого абзаца поставьте class="my_text".
4. После изменения значения радиокнопки (именно при изменении, а не при нажатии на какую-нибудь кнопку) меняйте цвет текста на выбранный пользователем.

1. Собрать все теги <img> со страницы в массив.
2. Создать массив, в котором будут все src из тегов img, собранных в 1-ом пункте.
3. Вывести массив в alert() с помощью join().

1. Модифицируйте задачу из урока, чтобы ссылки просто синхронно мигали. То есть 1 секунду все красные, следующую 1 секунду – они синие, в следующую – снова красные и так далее.

1. Создайте 2 абзаца произвольного текста внутри body.
2. С помощью jQuery извлеките и выведите через alert()первую букву в первом абзаце.

Примечание: Не используйте никаких ID или CLASS, а только псевдоэлементы из CSS.

1. Найдите в справочнике селектор, который позволяет получить видимые элементы и невидимые.
2. Создайте 2 видимых блока и 1 невидимый.
3. Через jQuery с помощью селектора из 1-го пункта сделайте видимые блоки невидимыми, а невидимый блок видимым.
4. Убедитесь, что всё работает правильно.

1. Создайте форму с вводом имя, e-mail, текстовая область «Примечание» и кнопки «Отправить».
2. Перед отправкой формы она должна быть проверена на корректность, и если всё хорошо, то отправить её, иначе сообщить обо всех найденных ошибках.

Примечание: Данные должны быть получены с помощью jQuery в единую выборку. Дальше они должны быть проверены. Правила корректности данных Вы должны сами обдумать. Подумайте, какой логин будет корректным, а какой нет, то же самое с e-mail и «примечанием».

1. Добавьте ко всем ссылкам, у которых есть атрибут rel="external", атрибут target="_blank".
2. Проверьте работу скрипта.

Примечание: Это практическая задача, цель которой сделать возможность открытия ссылок в новом окне, а также сохранения валидности кода, поскольку атрибут target не поддерживается в XHTML и HTML5.

1. Прочитайте в справочнике про метод addClass().
2. Создайте класс, в котором укажите border: 5px solid #f00;
3. Создайте 3 блока с текстом.
4. Добавьте ко всем блокам класс из 2-го пункта с помощью метода из 1-го пункта.
5. Убедитесь, что у всех блоков появилась рамка.

1. Создайте абзац произвольного текста.
2. Сделайте 2 ссылки: «Крупнее» и «Мельче».
3. При клике по ссылке «Крупнее» текст в абзаце должен стать крупнее (например, на 1pt).
4. При клике по ссылке «Мельче» текст в абзаце должен стать мельче (например, на 1pt).

1. Создайте пустой блок <div>.
2. Создайте текстовое поле и кнопку «Добавить».
3. При нажатии на кнопку «Добавить» возьмите текст из текстового поля, оберните его тегом <p> и добавьте внутрь <div>.
4. У этого текста через jQuery поставьте красный цвет.

1. Создайте абзац с произвольным текстом со свойством display в значении none.
2. Создайте 2 пустых блока <div>.
3. Через jQuery скопируйте текст из 1-го пункта в оба блока <div>.

1. Создайте 2 абзаца произвольного текста.
2. Добавьте в начало обоих абзацов через jQuery: Здравствуйте!
3. Добавьте к обоим абзацам через jQuery в конец абзаца: <i>С Уважением, Автор!</i>

1. Выведите 3 изображения на страницу.
2. Под каждым изображением поместите ссылку «Удалить».
3. При нажатии на ссылку «Удалить» должны исчезнуть: изображение, соответствующее этой ссылке, и сама ссылка «Удалить».

1. Сделайте форму с текстовыми полями, отвечающими за ширину, высоту будущего div и его цвет фона (формат ввода: #aabbcc).
2. Добавьте в форму кнопку «Добавить».
3. После нажатия на кнопку «Добавить» на странице должен появиться ниже всех остальных блоков (если таковые были) новый блок с заданной шириной и высотой, а также цветом.
4. Причём больше 5-ти блоков на странице быть не должно. Если вдруг пользователь просит добавить 6-й блок, то вывести ему через тег <p> рядом с формой уведомление: «5 – это максимум!». Безусловно, вывод так же на jQuery.

1. Создайте форму с двумя радиокнопками (например, пол «Мужской» и «Женский»), с элементом checkbox и текстовой областью, а также кнопкой «Проверить».
2. Получите все данные из формы после нажатия на кнопку «Проверить» и выведите их на страницу в отдельный блок div (который создайте через тот же jQuery).

Примечание: Данные нужно получить с использованием функции val().

1. Создайте 2 любых изображения на странице с шириной 100px.
2. При клике на любое из них оно должно увеличиться до 500px и оказаться в центре экрана (миниатюра должна остаться на том же месте, то есть как бы должно появиться второе изображение).
3. При повторном клике по появившемуся большому изображению, оно должно исчезнуть.

Примечание: Размеры и положение задаются через свойства CSS, а указывать их нужно в jQuery.

1. Создайте текстовую область.
2. Создайте 3 абзаца произвольного текста.
3. При двойном клике мыши на абзаце текст из него должен быть скопирован и вставлен в текстовую область.

Примечание: Найдите сначала в справочнике событие, отвечающее за двойной клик мыши.

1. Создайте несколько блоков div с произвольным текстом (100-200 символов).
2. Разместите в правом верхнем углу блока крестик (например, просто буквой «х»).
3. При нажатии на крестик блок должен плавно исчезнуть (подберите оптимальную задержку самостоятельно).
4. После исчезновения блока его нужно удалить.
5. И после удаления нужно через alert() вывести: «Блок удалён».

1. Сделайте упражнение из предыдущего урока, но вместо плавного исчезновения используйте плавное сворачивание.

1. Создать 3 изображения на странице шириной 100px.
2. Сделать изображения едва заметными (то есть поставить соответствующее значение у свойства opacity).
3. При наведении курсора мыши оно должен стать полностью НЕ прозрачным, причём это должно быть плавно сделано.
4. При клике по изображению оно должно плавно переместиться в центр экрана и увеличиться до ширины в 500px.