jQuery

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до: навігація, пошук
jQuery
JQuery logo text.svg
Розробник(и) Джон Ресіґ
Стабільний випуск 2.0.3 (3 липня 2013; 440 днів тому)
Написано на JavaScript
Операційна система Багатоплатформність
Доступні мови JavaScript
Тип JavaScript фреймворк
Ліцензія MIT License[1]
Сайт jquery.com

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

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

Синтаксис 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[ред.ред. код]

Ось представлена Функція, яка забезпечує зміну кольору тексту на синій при клацанні по вмісту

  $(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 First stable release
1.0.1 31.08.2006
1.0.2 9.10.2006
1.0.3 27.10.2006
1.0.4 12.12.2006 Last 1.0 bug fix
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 Fix for bad build of 1.2.4
1.2.6 24.05.2008
1.3 14.01.2009 Sizzle Selector Engine introduced into core
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 callback management, ajax module rewrite
1.5.1 24.02.2011
1.5.2 31.03.2011
1.6 3.05.2011 Significant performance improvements to the attr() and val() functions
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 New Event APIs: .on() and .off(), while the old APIs are still supported.
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

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

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