jQuery для чайников | Введение

Дата: 27.01.2010 | Автор: Игорь Квентор | Рубрика: jQuery |

Тэги:

chaynik.jpg
Данный цикл статей предназначен для вебмастеров, которым вовсе не интересно вникать в программные премудрости библиотеки JavaScript по имени jQuery, но очень хочется использовать все ее навороты в своих веб-сайтах. О каких наворотах идет речь? Все вы наверняка видели на современных сайтах различные всплывающие или наоборот прячущиеся панели, сайдбары – гармошки, картинки плавно затухающие или скользящие, классные фото-галереи и т.п. Красиво, черт!

В шаблонах Wordpress а ля “премиум” уже просто не обходится без слайдера с картинками. Смотрится красиво и стильно. Хочется ведь и в своем шаблоне что-то подобное прикрутить. Самое простое, конечно же, взять готовый буржуйский шаблон и банально заменить в нем диз на свои каляки-маляки, оставив функционал как есть. Но кто даст гарантию, что шаблон после этого не поплывет? Мало ли где что-нибудь напутали. Поэтому хотя бы на уровне грамотного пользователя jQuery (не разработчика!) изучить данный предмет стоит. Вот этим и займемся.

Еще раз, для прояснения: в данном цикле статей будет в самой простой и доступной форме показан ряд примеров практического применения библиотеки jQuery, без глубокого вникания в суть происходящих процессов. Кому интересно более детальное изучение предмета — читайте профильные форумы и блоги. Вот несколько ссылок:

1. Статья из Wiki
2. Руководство jQuery (рус)
3. Документация на jQuery-Docs.Ru
4. LinkExchanger Blog
5. Сайт разработчиков jQuery

Так как сегодняшний пост озаглавлен словом Введение, то с jQuery мы познакомимся пока что лишь в общих чертах. Чтобы сложилось достаточно простое и внятное понимание, о чем вообще идет речь.

Любой начинающий вебмастер, уже немного разбирающийся в верстке, знающий про HTML и CSS, также знает или хотя бы слышал про JavaScript. Говоря упрощенно, это программная часть кода веб-сайта, которая позволяет реализовать те или иные эффекты, недоступные или мало-доступные обычным стилевым фишкам на CSS. Самый простой пример — отображение текущей даты на сайте или обыкновенных часов. Понятно, что одной лишь версткой тут не справиться. Для этого в страницу сайта внедрялись специальные программые куски кода, или иначе — JavaScript.

Выглядело это достаточно просто. В код веб-страницы вставлялась ссылка на внешний файл скрипта:

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

Практически точно также мы пристегиваем к странице файл стилей. Это просто.

Другой вариант — непосредственная вставка кода самого скрипта прямо в веб-страницу. Для этого в нужном месте страницы, там, где предполагалось показывать некую фишку (текущую дату, например), добавлялась следующая конструкция:

<script type="text/javascript">
программный код самого скрипта
</script>

Скриптов этих существует тысячи, на любой вкус, эффект и цвет. Поэтому умные люди прикинули, что можно собрать кучно самые эффектные и наиболее используемые кунштюки и сложить их в одном месте. Так появилась специальная библиотека-сборник по имени jQuery. Теперь достаточно положить в корневую папку нашего сайта один единственный файл jquery.js и затем выдергивать из него необходимые эффекты в нужных местах страницы. Удобно? Безусловно!

Библиотека эта постоянно совершенствуется и пополняется. Ее свежую версию всегда можно скачать с официального сайта разработчиков jquery.com. На данный момент времени (27.01.2010) свежая версия имеет номер 1.4.1

Сразу же возникает закономерный вопрос: а каким конкретно образом можно указать этой самой библиотеке, где мы хотим прилепить то-то и то-то? Ведь сама она не станет показывать фокусы и раздавать леденцы. Вот как раз для этого дела вначале нужно более или менее изучить основы CSS, ибо посредством стилей и происходит привязка эффектов из библиотеки к деталям страницы. Но об этом (с живым и шевелящимся примером) в следующем посте.

Enjoy!

rss Подпишитесь на RSS

Или получайте новости на ваш e-mail:

Комментарии (4) на запись “jQuery для чайников | Введение”

  1. Zel 27.01.2010 14:05

    Спасибки за пост, полезная информация, ждем продолжения :)

  2. elsinor 27.01.2010 14:14

    рекомендую также юзать редактор ixedit - не нужно почти никаких знаний JS чтобы создать эффекты и анимации на jQuery

  3. Eremkin 29.01.2010 22:34

    Да, цикл статей на тему js будет очень кстати, без него не получится сделать полноценный сайт из WP (не блог, а именно сайт).
    Спасибо!

Трэкбеки

Оставить комментарий