RSS-лента

Что такое jQuery, как работает и что может jQuery.

Автор: Андрей Краснокутский

Дата: 2011-08-13

Что такое jQuery?

В прошлом уроке Как сделать плавное увеличение картинки при клике   я рассказывал о создании на сайте модальных окон использующих технологию  jQuery. После выхода этого урока я получил большое количество писем, отзывов и комментариев. Из всего сказанного, сделал вывод: наверное поторопился давать такой урок, для общего понимания: что такое вообще jQuery, как работает и какие возможности нам дает, нужно сначала немного рассказать о теории. Что ж исправлюсь. Начинаем серию статей и уроков о jQuery.

Введение в jQuery.

Раз уж Вы решили разобраться с jQuery, значит как минимум азы сайтостроения (HTML и CSS) уже знаете. Наверняка знаете или хотя бы слышали, что такое JavaScript. Для тех кто подзабыл напоминаю, что JavaScript - это программный участок кода, который внедряется в код web-страницы и позволяет реализовать различные эффекты, недоступные с помощью HTML и CSS. Например отображение на сайте часов или текущей даты. Т.е. в нужные места web-страницы подставляют с программные куски кода, которые и выполняют нужную задачу. Это и есть JavaScript.

Делается это очень просто, с помощью специальных тегов вставляется ссылка на внешний файл скрипта:

<script type="text/javascript" src="clock.js"></script>

Файл скрипта, конечно же тоже должен быть на Вашем сайте. Еще используют такую конструкцию для подключения Скриптов:

Т.е. в нужное место web-страницы, там, где нужно отобразить какой то эффект, добавляют код скрипта. Обратите внимание, на разницу подключения Скриптов.

В первом случае Скрипт подгружается из внешнего файла. Во втором случае исполняемый код скрипта прописан прямо в коде web-страницы. Этот так к слову.

Различных скриптов существует великое множество, как говорится на все случаи жизни. И вот нашлись умные люди, собрали все эти скрипты (ну или почти все) в один исполняемый файл - jquery.js. А из этого файла уже можно вытягивать нужные эффекты на определенные страницы сайта.

Таким образом, в январе 2006 года появилась на свет JavaScript-библиотека, которую так и назвали: Библиотека jQuery. Официальный сайт разработчиков http://jquery.com/ . Библиотека постоянно пополняется и совершенствуется и пополняется на сегодняшний день актуальная версия библиотеки 1.6.2.js. Когда Вы будете изучать эти уроки, возможно, появится уже более новая версия, так что имейте это ввиду и учитывайте при написании своих кодов.

Скачать самую последнюю версию библиотеки Вы можете с сайта разработчиков http://jquery.com/. Или на нашем сайте: скачать Библиотека jQuery. Все последующие уроки  я буде давать из расчета что Вы пользуетесь версией 1.6.2. Обратите внимание, в скачанном архиве, находятся два файла:

• jquery-1.6.2.js
  
  
• jquery-1.6.2.min.js

Практически это одно и тоже, но первый файл – это полная версия от разработчиков, со всеми комментариями и пояснениями (правда, все комментарии на английском языке), размер этого файла 230 Кб.

Если у Вас нет желания «ковырятся» в тонкостях и комментариях, воспользуйтесь вторым файлом, здесь содержится только необходимый функционал и убраны все комментарии. Вес файлы 89,9 Кб.

У пытливых читателей сразу же возникает вопрос: А каким образом этой самой библиотеке «сказать», что и где отображать, какой эффект нужен в данный момент на конкретной странице? А делается это с помощью CSS. Т.е. Вы хотя бы на минимальном уровне должны знать, как работают стилевые таблицы стилей и каким образом прописать тот или иной стиль и т.д.. Про стилевые таблицы стилей я рассказывал в разделе CSS уроки.

Давайте подведем итог этого урока

jQuery – это JavaScript-библиотека, осуществляющая взаимодействии JavaScript, HTML и CSS. Библиотека имеет огромное количество JavaScript плагинов, предназначенных для создания элементов пользовательских интерфейсов.

С помощью jQuery мы сможем:

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

В следующем уроке мы приступим к практической части изучения jQuery.

Читайте так же другие наши материалы.

Реклама сайтов и Интернет ресурсов.

Сайт или Блог? На чём лучше зарабатывать?

Что такое Семантическое ядро сайта?

Скрипт: Приветствие + Сегодняшняя дата.

Как найти тему для создания сайта?

Просмотров: 15267

Поделитесь этой информацией со своими друзьями!

Комментарии к этой статье (уроку):

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

Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

ОХРАНА ТРУДА

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Заработает каждый от Школьника до Пенсионера! "Как?" Узнать сейчас >>> Хотите заработать? 2-х Уровневая Партнерская программа! Присоединяйтесь.

Последние заметки

Когда нужно пересматривать инструкции по Охране труда

Что должна содержать инструкция по охране труда?

Виды инструкций по Охране труда

Статистический отчет Форма № 7-травматизм "Сведения о травматизме на производстве и профессиональных заболеваниях"

Какие отчеты необходимо сдать Специалисту по охране труда за год

Новости сайта

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

Наши Аттестаты

Проверить аттестат

Проверено Z-PAYMENT