Совсем недавно, я начал изучать jQuery. И поверьте, я нисколько не жалею об этом.
Чтобы начать изучение этой библиотеки, для начала скачайте ее: Downloading_jQuery.
Далее подключаем ее на своей странице:
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
Основное, в работе jQuery, вам поможет узнать следующая диаграмма:
Кстати, ее я нашел в блоге Антона Шевчука. Спасибо ему.
Теперь по порядку:
$(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!
Спасибо за внимание :).
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать
А так, спасибо. Буду учить, а то чистый JS уже надоел 🙂
Ответить | Цитировать
Ответить | Цитировать
Ответить | Цитировать