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

jQuery
Тип JavaScript фреймворк
Розробник Джон Ресіґ
Стабільний випуск 3.3.1 (20 січня 2018; 6 років тому (2018-01-20)[1])
Операційна система кросплатформова програма
Мова програмування JavaScript[2]
Доступні мови JavaScript
Ліцензія MIT License[3]
Репозиторій github.com/jquery/jquery
Вебсайт jquery.com

CMNS: jQuery у Вікісховищі

jQuery є вільним програмним забезпеченням під ліцензією MIT (до вересня 2012 було подвійне ліцензування під MIT та GNU General Public License другої версії)[3].

Синтаксис 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 [Архівовано 1 липня 2010 у Wayback Machine.] або Microsoft CDN [Архівовано 17 грудня 2020 у Wayback Machine.]).

<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 [Архівовано 23 жовтня 2008 у Wayback Machine.] First stable release
1.0.1 31.08.2006 [Архівовано 13 вересня 2008 у Wayback Machine.]
1.0.2 9.10.2006 [Архівовано 12 вересня 2008 у Wayback Machine.]
1.0.3 27.10.2006 [Архівовано 17 жовтня 2008 у Wayback Machine.]
1.0.4 12.12.2006 [Архівовано 11 жовтня 2008 у Wayback Machine.] Last 1.0 bug fix
1.1 14.01.2007 [Архівовано 13 жовтня 2008 у Wayback Machine.]
1.1.1 22.01.2007 [Архівовано 13 вересня 2008 у Wayback Machine.]
1.1.2 27.02.2007 [Архівовано 21 жовтня 2008 у Wayback Machine.]
1.1.3 1.07.2007 [Архівовано 23 листопада 2008 у Wayback Machine.]
1.1.3.1 5.07.2007 [Архівовано 17 жовтня 2008 у Wayback Machine.]
1.1.4 24.08.2007 [Архівовано 2 листопада 2008 у Wayback Machine.]
1.2 10.09.2007 [Архівовано 10 жовтня 2008 у Wayback Machine.]
1.2.1 16.09.2007 [Архівовано 20 жовтня 2008 у Wayback Machine.]
1.2.2 15.01.2008 [Архівовано 20 жовтня 2008 у Wayback Machine.]
1.2.3 8.02.2008 [Архівовано 20 жовтня 2008 у Wayback Machine.]
1.2.4 19.05.2008 [Архівовано 19 лютого 2012 у Wayback Machine.]
1.2.5 21.05.2008 [Архівовано 26 лютого 2012 у Wayback Machine.] Fix for bad build of 1.2.4
1.2.6 24.05.2008 [Архівовано 15 квітня 2012 у Wayback Machine.]
1.3 14.01.2009 [Архівовано 3 вересня 2011 у Wayback Machine.] Sizzle Selector Engine introduced into core
1.3.1 21.01.2009 [Архівовано 6 листопада 2011 у Wayback Machine.]
1.3.2 20.02.2009
1.4 14.01.2010 [Архівовано 17 січня 2010 у Wayback Machine.]
1.4.1 25.01.2010 [Архівовано 24 березня 2010 у Wayback Machine.]
1.4.2 19.02.2010 [Архівовано 10 травня 2012 у Wayback Machine.]
1.4.3 16.10.2010 [Архівовано 6 березня 2012 у Wayback Machine.]
1.4.4 11.11.2010 [Архівовано 11 травня 2012 у Wayback Machine.]
1.5 31.01.2011 [Архівовано 26 червня 2012 у WebCite] Deferred callback management, ajax module rewrite
1.5.1 24.02.2011 [Архівовано 6 серпня 2012 у WebCite]
1.5.2 31.03.2011 [Архівовано 6 серпня 2012 у WebCite]
1.6 3.05.2011 [Архівовано 29 лютого 2012 у WebCite] Significant performance improvements to the attr() and val() functions
1.6.1 12.05.2011 [Архівовано 6 серпня 2012 у WebCite]
1.6.2 30.06.2011 [Архівовано 6 серпня 2012 у WebCite]
1.6.3 1.09.2011 [Архівовано 20 березня 2012 у Wayback Machine.]
1.6.4 12.09.2011 [Архівовано 11 травня 2012 у Wayback Machine.]
1.7 3.11.2011 [Архівовано 5 травня 2012 у Wayback Machine.] New Event APIs: .on() and .off(), while the old APIs are still supported.
1.7.1 21.11.2011 [Архівовано 5 травня 2012 у Wayback Machine.]
1.7.2 21.03.2012 [Архівовано 13 квітня 2012 у Wayback Machine.]
1.8 09.08.2012 [Архівовано 10 серпня 2012 у Wayback Machine.]
1.8.1 30.08.2012 [Архівовано 1 вересня 2012 у Wayback Machine.]
1.8.2 20.09.2012 [Архівовано 8 листопада 2012 у Wayback Machine.]
1.8.3 13.11.2012 [Архівовано 20 листопада 2012 у WebCite]
1.9.0 15.01.2013 [Архівовано 16 січня 2013 у Wayback Machine.]
1.9.1 04.02.2013 [Архівовано 2 березня 2013 у Wayback Machine.]

Див. також ред.

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

  1. jQuery 3.3.1 Released!. jQuery Blog. jQuery Foundation. Архів оригіналу за 27 березня 2018. Процитовано 25 березня 2018. 
  2. The jquery Open Source Project on Open Hub: Languages Page — 2006.
  3. а б jQuery отказывается от GPL и остаётся только под лицензией MIT [Архівовано 15 вересня 2012 у Wayback Machine.] // opennet.ru 12.09.2012
  4. Половина крупнейших сайтов использует свободную библиотеку jQuery [Архівовано 27 січня 2013 у Wayback Machine.] // opennet.ru 14.08.2012
  5. Usage of javascript libraries for websites. Архів оригіналу за 27 червня 2013. Процитовано 11 травня 2011.  (англ.)

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