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