jQuery для всех и с самого начала

jQuery для всех и с самого началаСовсем недавно, я начал изучать jQuery. И поверьте, я нисколько не жалею об этом.

Чтобы начать изучение этой библиотеки, для начала скачайте ее: Downloading_jQuery.
Далее подключаем ее на своей странице:

<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>

Основное, в работе jQuery, вам поможет узнать следующая диаграмма:
030308-1530-jquery1
Кстати, ее я нашел в блоге Антона Шевчука. Спасибо ему.

Теперь по порядку:
$(document).ready(function(){
// Здесь ваш код
});

«Функция будет выполнена, когда DOM будет готов». Другими словами данный код проверяет документ и отслеживает момент, когда со структурой документа у можно работать. Не нужно ждать загрузки всех картинок на странице — то что нам нужно.

Дальше будем выполнять функцию у определенного объекта при оределенных условиях.
$(«.button») — это значит, что объект, который будет выпонять функцию, имеет класс «button». Также возможны варианты $(«#button»), $(«input»). Здесь описано подробнее.
При определенных условиях, я имел ввиду что будет происходить с объектом. Например на него будет наведен курсор и на него нужно будет кликнуть.

.click(fn) — происходит при клике.
.hover(fn) — происходит, когда на объект навели курсор.

Тут узнаете подробнее..
Эти события помещаем после идентификации объекта. Вот так:
$(document).ready(function(){
$(".button").click(function(){
// Этот код выполнится при нажатии на объект с классом button.
});
});

Теперь пишем, что будет происходить пр клике на объект, например это будет всплывающая подсказка. Тогда код будет таким:
$(document).ready(function(){
$(".button").click(function(){
alert("Ура =).");
});
});

Пока все просто. Сегодня мы узнали о том, как пользоваться jQuery. Как подключать его на сайте и о том, как пользоваться определенными объектами.

В следующей статье мы подробнее узнаем о эффектах, которые легко выполнять с помощью замечательного фреймворка — jQuery!

Спасибо за внимание :).

Комментарии — 6 комментариев

  1. #2679 Donat в 20:07, 17 июля 2009: (подписался)

    Ответить | Цитировать

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

  2. #2697 WebMast в 16:36, 18 июля 2009:

    Ответить | Цитировать

    Donat, если я правильно понял ваш ход мыслей, то все верно!

  3. #3518 Moringotto в 7:11, 9 августа 2009:

    Ответить | Цитировать

    Почитал, и мне теперь JQuery кажется помесью трех языков: JS, PHP и… Action Script. Ну, все эти «click» и тому подобное.

    А так, спасибо. Буду учить, а то чистый JS уже надоел 🙂

  4. #7898 PydayNecy в 16:51, 3 ноября 2009:

    Ответить | Цитировать

    Я люблю когда пишут умные вещи, и постоянно читаю ваш блог (bitby.net), но тут я с вами не согласен

  5. #7900 vanoID в 18:26, 3 ноября 2009:

    Ответить | Цитировать

    PydayNecy в чем именно не согласен?!

  6. […] реализовать это при помощи jQuery, для начала подключим […]

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

имя:

e-mail:

сайт:

текст:

Subscribe without commenting