jQuery

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

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

 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 або 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 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

Див. також

Примітки

Посилання

This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.