JQuery
Перейти до навігації
Перейти до пошуку
jQuery — бібліотека Javascript, створена для швидкої, легкої взаємодії між HTML, Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.
Історія створення
Одного разу Джону Резігу дали погратися з Javascript, що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів, особливо коли вони знають CSS[1] (селектори, йоу!).
Огляд основних можливостей
- Sizzle
- "сабитія"(Івент хендлєри)
- великі можливості організації візуальних ефектів.
Короткий підручник
По-перше, щоб користуватись jQuery, її треба підключити. Качаєш це і додаєш <script src="шлях до качаного jQuery.js"></script> в голові веб-сторінки.
Синтаксис jQuery десь такий:
$('селектор'){
//А тут код який буде виконаний до елементу, на який вказує селектор
}
Основні дії над об'єктами:
- "Мєтади сабитій":
- .ready(handler) — виконається, коли елемент буде довантажено на веб-сторінку, наприклад, код
$(document).ready{//тут якийсь код}буде виконано, коли довантажено всю веб-сторінку. - keydown, keyup, mouseOver, mouseOut і т.д. — тут, думаємо, зрозуміло по назвам.[2]
- і т.д.
- Візуальні ефекти:
- animate(attributes, speed) — анімує об'єкт з нинішнього стану до стану в attributes, наприклад
$('#menu').animate({'width': '500'}, slow). Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}). - fadeIn, fadeOut — анімовано сховати або показати елементи, змінюючи їх непрозорість.
- show, hide — анімовано сховати й показати елементи змінюючи їх розмір і розташування.
- і т.д.
- Тисячі їх!
Примітки
Посилання
| |||||||||||||||||||