jQuery — популярна JavaScript-бібліотека з відкритим кодом. Вона була представлена у січні 2006 року у BarCamp NYC Джоном Ресіґом (John Resig). Згідно з дослідженнями організації W3Techs, JQuery використовується понад половиною від мільйона найвідвідуваніших сайтів.Половина крупнейших сайтов использует свободную библиотеку jQuery // opennet.ru 14.08.2012 jQuery є найпопулярнішою бібліотекою JavaScript, яка посилено використовується на сьогоднішній день.

jQuery є вільним програмним забезпеченням під ліцензією MIT (до вересня 2012 було подвійне ліцензування під MIT та GNU General Public License другої версії)jQuery отказывается от GPL и остаётся только под лицензией MIT // opennet.ru 12.09.2012.

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

Специфіка

Основне завдання jQuery — це надавати розробнику легкий та гнучкий інструментарій кросбраузерної адресації DOM об'єктів за допомогою CSS та XPath селекторів. Також дана бібліотека надає інтерфейси для Ajax-застосунків, обробників подій і простої анімації.

Принцип роботи jQuery полягає в використанні класу (функції), який при звертанні до нього повертає сам себе. Таким чином, це дозволяє будувати послідовний ланцюг методів. $('#test') //знаходимо елемент з id="test" .text('Клікни по мені') //встановлюємо текст елемента рівним "Клікни по мені" .addClass('myAlert') //додаємо клас "myAlert" .css('color','red') //встановлюємо колір тексту червоним .attr('alert','Привіт, світе!') // додаємо атрибут "alert" із значенням "Привіт, світе!" .bind( // додаємо в обробник події click функцію, яка відкриє модальне 'click', // вікно із текстом, що вказаний в атрибуті "alert" ("Привіт, світе!") function(){alert($(this).attr('alert'))} );

Як підключити jQuery Бібліотека jQuery є JavaScript файлом, яка включає всю його DOM, події(events), ефекти(effects), і Ajax функції. Вона може бути додана до web-сторінки посиланням на локальну копію, або на одну з копій доступних на публічному сервері (наприклад Google або Microsoft CDN ).

<script type="text/javascript" src="jquery.js"></script>

Приклад // Виберемо всі парні елементи "tr", і застосуємо для них css клас "odd" $("tr:nth-child(odd)").addClass("odd");

// Відправлення асинхронного POST запиту на адресу '/ajaxtest.php'

$.post( '/ajaxtest.php',

type: "test-request", param1: "param1", param2: 2 }, onAjaxSuccess );

function onAjaxSuccess(data){ // Тут ми отримуємо відповідь, і опрацьовуємо результат alert(data); }

Приклад 2 Ось представлена функція, яка забезпечує зміну кольору тексту у всіх контейнерах div на синій при клацанні мишкою у будь-якому місці сторінки $(document.body).click(function () { $("div").each(function (i) { if (this.style.color != "blue") { this.style.color = "blue"; } else { this.style.color = "";

}); });

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

Номер версії Дата випуску Додаткові примітки 1.0 26.08.2006 Перша стабільна версія. 1.0.1 31.08.2006 1.0.2 9.10.2006 1.0.3 27.10.2006 1.0.4 12.12.2006 Останнє виправлення багів у версії 1.0. 1.1 14.01.2007 1.1.1 22.01.2007 1.1.2 27.02.2007 1.1.3 1.07.2007 1.1.3.1 5.07.2007 1.1.4 24.08.2007 1.2 10.09.2007 1.2.1 16.09.2007 1.2.2 15.01.2008 1.2.3 8.02.2008 1.2.4 19.05.2008 1.2.5 21.05.2008 Виправлено некоректну збірку версії 1.2.4. 1.2.6 24.05.2008 1.3 14.01.2009 Інтегровано рушій селекторів Sizzle у ядро. 1.3.1 21.01.2009 1.3.2 20.02.2009 1.4 14.01.2010 1.4.1 25.01.2010 1.4.2 19.02.2010 1.4.3 16.10.2010 1.4.4 11.11.2010 1.5 31.01.2011 Управління зворотними викликами в Deferred, переписування модуля ajax. 1.5.1 24.02.2011 1.5.2 31.03.2011 1.6 3.05.2011 Значне покращення продуктивності функцій attr() та val(). 1.6.1 12.05.2011 1.6.2 30.06.2011 1.6.3 1.09.2011 1.6.4 12.09.2011 1.7 3.11.2011 Нові API подій: .on() та .off(), хоча старі API все ще підтримуються. 1.7.1 21.11.2011 1.7.2 21.03.2012 1.8 09.08.2012 1.8.1 30.08.2012 1.8.2 20.09.2012 1.8.3 13.11.2012 1.9.0 15.01.2013 1.9.1 04.02.2013

Див. також jQuery UI

Примітки

Посилання Офіційний сайт Корисні відеоуроки jQuery для початківців Поштова розсилка jQuery jQuery підручник  — з прикладами і вправами. jQuery Quick API Reference