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

Матеріал з Енциклопедія Драматика
Перейти до навігації Перейти до пошуку
Немає опису редагування
Немає опису редагування
Рядок 1: Рядок 1:
{{Недопис}}
 
{{Stub}}
{{Stub}}



Версія за 19:45, 17 червня 2021

Gry-sloupo.jpeg

Стаття потребує доповнення!
Ця стаття засмучує наших слоупоків, бо навіть вони розуміють, що її давно вже треба доповнити усілякими корисними картинками та інформацією, або, можливо, видалити якусь недолугу хуйню ідіота і написати натомість щось притомне.


jQuery — бібліотека Javascript, створена для швидкої, легкої взаємодії між HTML, Javascript і контролю елементів DOM. Широко використовується для додання веб-сторінкам інтерактивності.

Історія створення

Одного разу Джону Резігу дали погратися з Javascript, що йому дуже сподобалось і так він грався й грався... Поки не створив jQuery. Представлена вона була як "нєнавясчівий Жабоскріпт". І справді має достатньо широкі можливості, просту структуру і є дуже зручним для веб-майстрів, особливо коли вони знають CSS[1] (селектори, йоу!).

Огляд основних можливостей

  • Sizzle
  • "сабитія"(Івент хендлєри)
  • великі можливості організації візуальних ефектів.

Короткий підручник

По-перше, щоб користуватись jQuery, її треба підключити. Качаєш це і додаєш <script src="шлях до качаного jQuery.js"></script> в голові веб-сторінки.

Синтаксис jQuery десь такий:

 $('селектор'){
//А тут код який буде виконаний до елементу, на який вказує селектор
}

Основні дії над об'єктами:

  • "Мєтади сабитій":
  1. .ready(handler) — виконається, коли елемент буде довантажено на веб-сторінку, наприклад, код $(document).ready{//тут якийсь код} буде виконано, коли довантажено всю веб-сторінку.
  2. keydown, keyup, mouseOver, mouseOut і т.д. — тут, думаємо, зрозуміло по назвам.[2]
  3. і т.д.
  • Візуальні ефекти:
  1. animate(attributes, speed) — анімує об'єкт з нинішнього стану до стану в attributes, наприклад $('#menu').animate({'width': '500'}, slow). Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
  2. fadeIn, fadeOut — анімовано сховати або показати елементи, змінюючи їх непрозорість.
  3. show, hide — анімовано сховати й показати елементи змінюючи їх розмір і розташування.
  4. і т.д.
  • Тисячі їх!

Примітки

  1. А вони, звісно ж, знають.
  2. А якщо ні, то ти — даун!

Посилання