jQuery для всех и с самого начала
Понедельник, Июль 13, 2009 12:20
Совсем недавно, я начал изучать jQuery. И поверьте, я нисколько не жалею об этом.
Чтобы начать изучение этой библиотеки, для начала скачайте ее: .
Далее подключаем ее на своей странице:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
Основное, в работе jQuery, вам поможет узнать следующая диаграмма:

Кстати, ее я нашел в блоге . Спасибо ему.
Теперь по порядку:
// Здесь ваш код
});
"Функция будет выполнена, когда DOM будет готов". Другими словами данный код проверяет документ и отслеживает момент, когда со структурой документа у можно работать. Не нужно ждать загрузки всех картинок на странице — то что нам нужно.
Дальше будем выполнять функцию у определенного объекта при оределенных условиях.
$(«.button») — это значит, что объект, который будет выпонять функцию, имеет класс «button». Также возможны варианты $(«#button»), $(«input»). описано подробнее.
При определенных условиях, я имел ввиду что будет происходить с объектом. Например на него будет наведен курсор и на него нужно будет кликнуть.
.click(fn) — происходит при клике.
.hover(fn) — происходит, когда на объект навели курсор.
узнаете подробнее...
Эти события помещаем после идентификации объекта. Вот так:
$(".button").click(function(){
// Этот код выполнится при нажатии на объект с классом button.
});
});
Теперь пишем, что будет происходить пр клике на объект, например это будет всплывающая подсказка. Тогда код будет таким:
$(".button").click(function(){
alert("Ура =).");
});
});
Пока все просто. Сегодня мы узнали о том, как пользоваться jQuery. Как подключать его на сайте и о том, как пользоваться определенными объектами.
В следующей статье мы подробнее узнаем о эффектах, которые легко выполнять с помощью замечательного фреймворка — jQuery!
Спасибо за внимание :).
Donat сообщил:
Июль 17th, 2009 20:07
Т.е если я хочу задействовать определенный скрипт на сайте для которого нужна эта библиотека мне нужно скачать ее, залить на сайт и прописать Все верно?
WebMast сообщил:
Июль 18th, 2009 16:36
Donat, если я правильно понял ваш ход мыслей, то все верно!
Moringotto сообщил:
Август 9th, 2009 7:11
Почитал, и мне теперь JQuery кажется помесью трех языков: JS, PHP и... Action Script. Ну, все эти «click» и тому подобное.
А так, спасибо. Буду учить, а то чистый JS уже надоел
PydayNecy сообщил:
Ноябрь 3rd, 2009 16:51
Я люблю когда пишут умные вещи, и постоянно читаю ваш блог (bitby.net), но тут я с вами не согласен
vanoID сообщил:
Ноябрь 3rd, 2009 18:26
PydayNecy в чем именно не согласен?!