jQuery — популярна JavaScript-бібліотека з відкритим кодом. Вона була представлена у січні 2006 року у BarCamp NYC Джоном Ресіґом (John Resig). Згідно з дослідженнями організації W3Techs, JQuery використовується понад половиною від мільйона найвідвідуваніших сайтів. jQuery є найпопулярнішою бібліотекою JavaScript, яка посилено використовується на сьогоднішній день[].
Тип | JavaScript фреймворк |
---|---|
Розробник | |
Стабільний випуск | 3.7.1 (28 серпня 2023 ) |
Операційна система | кросплатформова програма |
Мова програмування | JavaScript[2] |
Доступні мови | JavaScript |
Ліцензія | MIT License |
Репозиторій | github.com/jquery/jquery |
Вебсайт | jquery.com |
|
jQuery є вільним програмним забезпеченням під ліцензією MIT (до вересня 2012 було подвійне ліцензування під MIT та GNU General Public License другої версії).
Синтаксис 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 | ||
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.] |
Див. також
Примітки
- jQuery 3.7.1 Released: Reliable Table Row Dimensions. jQuery Blog. jQuery Foundation. Процитовано 26 березня 2024.
- The jquery Open Source Project on Open Hub: Languages Page — 2006.
- jQuery отказывается от GPL и остаётся только под лицензией MIT [ 15 вересня 2012 у Wayback Machine.] // opennet.ru 12.09.2012
- Половина крупнейших сайтов использует свободную библиотеку jQuery [ 27 січня 2013 у Wayback Machine.] // opennet.ru 14.08.2012
- Usage of javascript libraries for websites. Архів оригіналу за 27 червня 2013. Процитовано 11 травня 2011. (англ.)
Посилання
- Офіційний сайт [Архівовано 29 лютого 2012 у WebCite]
- Корисні відеоуроки jQuery для початківців [ 4 листопада 2010 у Wayback Machine.] (англ.)
- Поштова розсилка jQuery [ 18 лютого 2009 у Wayback Machine.] (англ.)
- jQuery підручник [ 10 жовтня 2011 у Wayback Machine.] — з прикладами і вправами. (рос.)
- jQuery Quick API Reference [ 22 лютого 2012 у Wayback Machine.] (англ.)
Вікіпедія, Українська, Україна, книга, книги, бібліотека, стаття, читати, завантажити, безкоштовно, безкоштовно завантажити, mp3, відео, mp4, 3gp, jpg, jpeg, gif, png, малюнок, музика, пісня, фільм, книга, гра, ігри, мобільний, телефон, android, ios, apple, мобільний телефон, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, ПК, web, Інтернет
jQuery populyarna JavaScript biblioteka z vidkritim kodom Vona bula predstavlena u sichni 2006 roku u BarCamp NYC Dzhonom Resigom John Resig Zgidno z doslidzhennyami organizaciyi W3Techs JQuery vikoristovuyetsya ponad polovinoyu vid miljona najvidviduvanishih sajtiv jQuery ye najpopulyarnishoyu bibliotekoyu JavaScript yaka posileno vikoristovuyetsya na sogodnishnij den koli jQueryTipJavaScript frejmvorkRozrobnikStabilnij vipusk3 7 1 28 serpnya 2023 9 misyaciv tomu 2023 08 28 Operacijna sistemakrosplatformova programaMova programuvannyaJavaScript 2 Dostupni moviJavaScriptLicenziyaMIT LicenseRepozitorijgithub com jquery jqueryVebsajtjquery com Mediafajli u Vikishovishi jQuery ye vilnim programnim zabezpechennyam pid licenziyeyu MIT do veresnya 2012 bulo podvijne licenzuvannya pid MIT ta GNU General Public License drugoyi versiyi Sintaksis jQuery rozroblenij shob zrobiti oriyentuvannya u navigaciyi zruchnishim zavdyaki viboru elementiv DOM stvorennyu animaciyi obrobki podij i rozrobki AJAX zastosunkiv jQuery takozh nadaye mozhlivosti dlya rozrobnikiv dlya stvorennya plaginiv u verhnij chastini biblioteki JavaScript Vikoristovuyuchi ci ob yekti rozrobniki mozhut stvoryuvati abstrakciyi dlya nizkorivnevoyi vzayemodiyi ta stvoryuvati animaciyu dlya efektiv visokogo rivnya Ce spriyaye stvorennyu potuzhnih i dinamichnih vebstorinok SpecifikaOsnovne zavdannya jQuery ce nadavati rozrobniku legkij ta gnuchkij instrumentarij krosbrauzernoyi adresaciyi DOM ob yektiv za dopomogoyu CSS ta XPath selektoriv Takozh dana biblioteka nadaye interfejsi dlya Ajax zastosunkiv obrobnikiv podij i prostoyi animaciyi Princip roboti jQuery polyagaye v vikoristanni klasu funkciyi yakij pri zvertanni do nogo povertaye sam sebe Takim chinom ce dozvolyaye buduvati poslidovnij lancyug metodiv test znahodimo element z id test text Klikni po meni vstanovlyuyemo tekst elementa rivnim Klikni po meni addClass myAlert dodayemo klas myAlert css color red vstanovlyuyemo kolir tekstu chervonim attr alert Privit svite dodayemo atribut alert iz znachennyam Privit svite bind dodayemo v obrobnik podiyi click funkciyu yaka vidkriye modalne click vikno iz tekstom sho vkazanij v atributi alert Privit svite function alert this attr alert Yak pidklyuchiti jQueryBiblioteka jQuery ye JavaScript fajlom yaka vklyuchaye vsyu jogo DOM podiyi events efekti effects i Ajax funkciyi Vona mozhe buti dodana do web storinki posilannyam na lokalnu kopiyu abo na odnu z kopij dostupnih na publichnomu serveri napriklad Google 1 lipnya 2010 u Wayback Machine abo Microsoft CDN 17 grudnya 2020 u Wayback Machine lt script type text javascript src jquery js gt lt script gt Priklad Viberemo vsi parni elementi tr i zastosuyemo dlya nih css klas odd tr nth child odd addClass odd Vidpravlennya asinhronnogo POST zapitu na adresu ajaxtest php post ajaxtest php type test request param1 param1 param2 2 onAjaxSuccess function onAjaxSuccess data Tut mi otrimuyemo vidpovid i opracovuyemo rezultat alert data Priklad 2Os predstavlena funkciya yaka zabezpechuye zminu koloru tekstu u vsih kontejnerah div na sinij pri klacanni mishkoyu u bud yakomu misci storinki document body click function div each function i if this style color blue this style color blue else this style color IstoriyaCej rozdil mistit neperekladeni fragmenti anglijskoyu movoyu Vi mozhete dopomogti proyektu pereklavshi yih ukrayinskoyu Nomer versiyi Data vipusku Dodatkovi primitki 1 0 26 08 2006 23 zhovtnya 2008 u Wayback Machine First stable release 1 0 1 31 08 2006 13 veresnya 2008 u Wayback Machine 1 0 2 9 10 2006 12 veresnya 2008 u Wayback Machine 1 0 3 27 10 2006 17 zhovtnya 2008 u Wayback Machine 1 0 4 12 12 2006 11 zhovtnya 2008 u Wayback Machine Last 1 0 bug fix 1 1 14 01 2007 13 zhovtnya 2008 u Wayback Machine 1 1 1 22 01 2007 13 veresnya 2008 u Wayback Machine 1 1 2 27 02 2007 21 zhovtnya 2008 u Wayback Machine 1 1 3 1 07 2007 23 listopada 2008 u Wayback Machine 1 1 3 1 5 07 2007 17 zhovtnya 2008 u Wayback Machine 1 1 4 24 08 2007 2 listopada 2008 u Wayback Machine 1 2 10 09 2007 10 zhovtnya 2008 u Wayback Machine 1 2 1 16 09 2007 20 zhovtnya 2008 u Wayback Machine 1 2 2 15 01 2008 20 zhovtnya 2008 u Wayback Machine 1 2 3 8 02 2008 20 zhovtnya 2008 u Wayback Machine 1 2 4 19 05 2008 19 lyutogo 2012 u Wayback Machine 1 2 5 21 05 2008 26 lyutogo 2012 u Wayback Machine Fix for bad build of 1 2 4 1 2 6 24 05 2008 15 kvitnya 2012 u Wayback Machine 1 3 14 01 2009 3 veresnya 2011 u Wayback Machine Sizzle Selector Engine introduced into core 1 3 1 21 01 2009 6 listopada 2011 u Wayback Machine 1 3 2 1 4 14 01 2010 17 sichnya 2010 u Wayback Machine 1 4 1 25 01 2010 24 bereznya 2010 u Wayback Machine 1 4 2 19 02 2010 10 travnya 2012 u Wayback Machine 1 4 3 16 10 2010 6 bereznya 2012 u Wayback Machine 1 4 4 11 11 2010 11 travnya 2012 u Wayback Machine 1 5 31 01 2011 Arhivovano 26 chervnya 2012 u WebCite Deferred callback management ajax module rewrite 1 5 1 24 02 2011 Arhivovano 6 serpnya 2012 u WebCite 1 5 2 31 03 2011 Arhivovano 6 serpnya 2012 u WebCite 1 6 3 05 2011 Arhivovano 29 lyutogo 2012 u WebCite Significant performance improvements to the attr and val functions 1 6 1 12 05 2011 Arhivovano 6 serpnya 2012 u WebCite 1 6 2 30 06 2011 Arhivovano 6 serpnya 2012 u WebCite 1 6 3 1 09 2011 20 bereznya 2012 u Wayback Machine 1 6 4 12 09 2011 11 travnya 2012 u Wayback Machine 1 7 3 11 2011 5 travnya 2012 u Wayback Machine New Event APIs on and off while the old APIs are still supported 1 7 1 21 11 2011 5 travnya 2012 u Wayback Machine 1 7 2 21 03 2012 13 kvitnya 2012 u Wayback Machine 1 8 09 08 2012 10 serpnya 2012 u Wayback Machine 1 8 1 30 08 2012 1 veresnya 2012 u Wayback Machine 1 8 2 20 09 2012 8 listopada 2012 u Wayback Machine 1 8 3 13 11 2012 Arhivovano 20 listopada 2012 u WebCite 1 9 0 15 01 2013 16 sichnya 2013 u Wayback Machine 1 9 1 04 02 2013 2 bereznya 2013 u Wayback Machine Div takozhjQuery UIPrimitkijQuery 3 7 1 Released Reliable Table Row Dimensions jQuery Blog jQuery Foundation Procitovano 26 bereznya 2024 The jquery Open Source Project on Open Hub Languages Page 2006 d Track Q124688 jQuery otkazyvaetsya ot GPL i ostayotsya tolko pod licenziej MIT 15 veresnya 2012 u Wayback Machine opennet ru 12 09 2012 Polovina krupnejshih sajtov ispolzuet svobodnuyu biblioteku jQuery 27 sichnya 2013 u Wayback Machine opennet ru 14 08 2012 Usage of javascript libraries for websites Arhiv originalu za 27 chervnya 2013 Procitovano 11 travnya 2011 angl PosilannyaOficijnij sajt Arhivovano 29 lyutogo 2012 u WebCite Korisni videouroki jQuery dlya pochatkivciv 4 listopada 2010 u Wayback Machine angl Poshtova rozsilka jQuery 18 lyutogo 2009 u Wayback Machine angl jQuery pidruchnik 10 zhovtnya 2011 u Wayback Machine z prikladami i vpravami ros jQuery Quick API Reference 22 lyutogo 2012 u Wayback Machine angl