JQuery: відмінності між версіями

Матеріал з Енциклопедія Драматика
Перейти до навігації Перейти до пошуку
(Змінено ціль перенаправлення з Javascript#jQuery на JavaScript#jQuery)
Мітка: Змінено ціль перенаправлення
 
(Не показані 6 проміжних версій 3 користувачів)
Рядок 1: Рядок 1:
{{Недопис}}
#ПЕРЕНАПРАВЛЕННЯ [[JavaScript#jQuery]]
{{Stub}}
 
'''jQuery''' - бібліотека [[Javascript]], створена для швидкої, легкої взаємодії між [[HTML]], Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.
 
== Історія створення ==
 
Одного разу Джону Резігу дали погратися з Javascript, що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів особливо коли вони знають CSS <ref>А вони, звісно ж, знають.</ref> (селектори, йоу!).
 
== Огляд основних можливостей ==
 
*Sizzle
*"сабитія"(Івент хендлєри)
*великі можливості організації [[Свисто-перділки|візуальних ефектів]].
 
== Короткий підручник ==
 
По-перше, щоб користуватись jQuery, її треба підключити. Качаєш [http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js це] і додаєш <code><script src="шлях до качаного jQuery.js"></script></code> в голові веб-сторінки.
 
Синтаксис 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 - анімовано сховати й показати елементи змінюючи їх розмір і розташування.
#і т.д.
*Тисячі їх!
 
== Примітки ==
{{reflist}}
 
== Посилання ==
*[https://www.w3schools.com/jquery/default.asp Тут можна вивчити jQuery]
*[http://jquery.com/ Офіційний сайт]
 
{{Айті}}

Поточна версія на 12:32, 5 липня 2021

Перенаправити на:

Отримано з https://drama.kropyva.ch/index.php?title=JQuery&oldid=48301