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

Матеріал з Файна Меморії
Перейти до навігації Перейти до пошуку
Surikoff (обговорення | внесок)
мНемає опису редагування
Surikoff (обговорення | внесок)
Рядок 29: Рядок 29:
*[http://pkolt.ru/pages/jquery/ Тут можна повністю вивчити jQuery]
*[http://pkolt.ru/pages/jquery/ Тут можна повністю вивчити jQuery]
*[http://jquery.com/ Офіційний сайт]
*[http://jquery.com/ Офіційний сайт]
== Примітки ==
{{reflist}}

Версія за 17:19, 17 травня 2011

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

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

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

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

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

По-перше, щоб користуватись jQuery, її треба підключити.[2] Синтаксис jQuery десь такий:

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

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

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

Посилання

Примітки

  1. ↑ А вони, звісно ж, знають.
  2. ↑ Качаєш це і додаєш <script src="шлях до качаного jQuery.js"></script> в голові веб-сторінки.
  3. ↑ А якщо ні, то ти - даун!