Урок 1 – Введение

Приветствую вас в нашем цикле уроков по библиотеке jQuery. Из данных уроков вы обучитесь основам работы с этой библиотекой, научитесь работать с графикой, анимацией, отправлять асинхронные AJAX запросы, а также обучитесь созданию динамических сайтов. 

Сейчас мы разберем процесс работы с jQuery на практике и для начала создадим html файл вот с таким содержанием.

Файл jquery.js вы можете скачать с официального сайта или отсюда.

Между тегами <head></head> мы подключили jQuery и теперь нам доступны все ее плюшки. Как видите в <body> нашей страницы один <div> в котором содержится текст. Давайте при помощи jQuery изменим содержимое этого “дива”.

Для этого между тегами <body> пропишем следующий код.

 

 Итого у нас получается страница со следующим кодом.

 

Теперь после загрузки содержимое страницы будет “Новый текст”. Теперь немного разберем этот код.

 

$() – Это самая главная функция в библиотеке jQuery при помощи которой и производится большинство операций

 

В функцию $() в качестве аргумента мы передали id блока <div> поставив перед ним # что означает, что мы хотим обратится к элементу по его идентификатору. Потом методом html устанавливает новое содержимое для блока.

 

Примеры кода

 

Код ниже установит содержание “Новый текст” для всех “дивов” на странице

 

Изменить <title> страницы

 

Удалить все теги <div> на странице

 

Добавить css свойство color и установить значение blue тем самым изменив цвет текста в блоке с идентификатором “block”

 

Теперь напишем секундомер

 

Думаю вы поняли примерную суть работы с jQuery. В следующем уроке мы поговорим про обработку событий.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*