JQuery

Матеріал з Файна Меморії
Перейти до навігації Перейти до пошуку

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

Історія створення[ред.]

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

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

Короткий(пздц який короткий) підручник[ред.]

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

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

{{#if: |Шаблон:1 cell table row }}

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

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

Посилання[ред.]

Примітки[ред.]

<references/>