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

Понедельник, Июль 13, 2009 12:20 Евгений Жлобо
Рубрики: 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!

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

Вы можете оставить ответ, или trackback с Вашего собственного сайта.

5 комментариев “jQuery для всех и с самого начала”

  1. Donat сообщил:

    Июль 17th, 2009 20:07

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


  2. WebMast сообщил:

    Июль 18th, 2009 16:36

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


  3. Moringotto сообщил:

    Август 9th, 2009 7:11

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

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


  4. PydayNecy сообщил:

    Ноябрь 3rd, 2009 16:51

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


  5. vanoID сообщил:

    Ноябрь 3rd, 2009 18:26

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


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

Я не робот!