jQuery - это javascript-файл с готовым набором полезных функций. С его помощью можно быстро находить различные html-элементы и выполнять с ними какие-то действия. Пожалуй главный плюс jQuery в том, что он обеспечивает отличную совместимость практически со всеми современными браузерами.
Как же подключить этот файл к веб-странице?
Для начала нужно зайти на официальный сайт и скачать его. На выбор будет предложено два основных варианта: урезанная и неурезанная версия. Разница между ними лишь в наличии у последней комментариев и пробельных символов. Далее необходимо поместить файл в папку (которая находится в директории разрабатываемого сайта) и дать на него ссылку используя тег <script>.
Плюсы
- Селекторы jQuery оформлены в стиле CSS, это гораздо удобнее чем DOM-запросы.
- Широкий набор специальных методов (обновление дерева DOM, анимирование элементов и т.д.) с минимальным количеством кода. У библиотеки даже есть свой девиз - "Пиши меньше, делай больше".
- Возможность подключения обработчиков событий к выбранным элементам.
Поиск элементов с использованием селекторов
Именная функция jQuery() позволяет находить на странице один и более элементов. Сокращенно она обозначается вот так: $().
Пример:
Здесь мы имеем дело с функцией jQuery(), которая находит для нас все элементы li с классом hot. 'li.hot' как не сложно догадаться и является тем самым селектором по которому осуществляется поиск.
Выполнение действий с элементами с использованием методов jQuery
В данном примере метод .addClass () добавляет новое значение к атрибуту class:
Точка в данном случае точка выполняет роль операции присваивания. По сути мы берем начало из предыдущего примера и добавляем к нему один из методов jQuery. Т.о. значение атрибута class для элемента li становится равным "hot hat".
Интересный факт: по предварительным оценкам jQuery используется почти на каждом четвертом сайте во Всемирной паутине.
Остались вопросы? Пишите в комментариях. Вместе мы сможем со всем разобраться)