JQuery

Допиши кілька слів зі свого досвіду Ми дописуємо Драматику разом і ця стаття потребує твоїх думок для повноти. Натисни "редагувати" згори сторінки чи розділу.

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

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

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

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

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

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

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

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

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

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

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

• "Мєтади сабитій":

1. .ready(handler) - виконається коли елемент буде довантажено на веб-сторінку, наприклад код $(document).ready{//тут якийсь код} буде виконано коли довантажено всю веб-сторінку.
2. keydown, keyup, mouseOver, mouseOut і т.д. - тут я думаю зрозуміло по назвам.
3. і т.д.

• Візуальні ефекти:

1. animate(attributes, speed) - анімує об'єкт з нинішнього стану до стану в attributes, наприклад $('#menu').animate({'width': '500'}, slow). Цей код анімує змінення ширини об'єкта від нинішнього стану до стан у attributes({'width': '500'}).
2. fadeIn, fadeOut - анімовано сховати або показати елементи, змінюючи їх непрозорість.
3. show, hide - анімовано сховати й показати елементи змінюючи їх розмір і розташування.
4. і т.д.

• Тисячі їх!

Посилання

• Тут можна вивчити jQuery
• Офіційний сайт