|
|
| Рядок 1: |
Рядок 1: |
| '''jQuery''' - бібліотека [[Javascript]], створена для швидкої, легкої взаємодії [[html]] і [[javascript]] і контролю елементів [[DOM]]. Широко використовується для додання веб-сторінкам інтерактивності.
| |
|
| |
|
| == Історія створення ==
| |
| Одного разу [[Джон Резіг|Джону Резігу]] дали погратися з Javascript, що йому дуже сподобалось і так він грайся й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів особливо коли вони знають [[CSS]]<ref>А вони, звісно ж, знають.</ref>(селектори, йоу!).
| |
|
| |
| == Огляд основних можливостей ==
| |
| *[[Sizzle]]
| |
| *"сабитія"(Івент хендлєри)
| |
| *великі можливості організації [[Свисто-перділки|візуальних ефектів]].
| |
|
| |
| == Короткий(пздц який короткий) [[RTFM|підручник]] ==
| |
| По-перше, щоб користуватись jQuery, її треба підключити.<ref>Качаєш [http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js це] і додаєш <code><script src="шлях до качаного jQuery.js"></script></code> в голові веб-сторінки.</ref>
| |
| Синтаксис jQuery десь такий:
| |
| {{Блок|$('селектор'){<br />//А тут код який буде виконаний до елементу на який вказує селектор<br />} }}
| |
| Основні дії над об'єктами:
| |
| <br/>
| |
| *"Мєтади сабитій":
| |
| #.ready(handler) - виконається коли елемент буде довантажено на веб-сторінку, наприклад код <code>$(document).ready{//тут якийсь код}</code> буде виконано коли довантажено всю веб-сторінку.
| |
| #keydown, keyup, mouseOver, mouseOut і т.д. - тут я думаю зрозуміло по назвам.<ref>А якщо ні, то ти - даун!</ref>
| |
| #і т.д.
| |
| *Візуальні ефекти:
| |
| #animate(attributes, speed) - анімує об'єкт з нинішнього стану до стану в attributes, наприклад <code>$('#menu').animate({'width': '500'}, slow)</code>. Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
| |
| #fadeIn, fadeOut - анімовано сховати або показати елементи, змінюючи їх непрозорість.
| |
| #show, hide - анімовано сховати й показати елементи змінюючи їх розмір і розташування.
| |
| #і т.д.
| |
| *Тисячі їх!
| |
|
| |
| == Посилання ==
| |
| *[http://pkolt.ru/pages/jquery/ Тут можна повністю вивчити jQuery]
| |
| *[http://jquery.com/ Офіційний сайт]
| |
|
| |
| == Примітки ==
| |
| {{reflist}}
| |