Топ питань
Часова шкала
Чат
Перспективи
JQuery
бібліотека JavaScript З Вікіпедії, вільної енциклопедії
Remove ads
jQuery — популярна JavaScript-бібліотека з відкритим кодом. Вона була представлена у січні 2006 року у BarCamp NYC Джоном Ресіґом (John Resig). Згідно з дослідженнями організації W3Techs, JQuery використовується понад половиною від мільйона найвідвідуваніших сайтів.[4] jQuery є найпопулярнішою бібліотекою JavaScript, яка посилено використовується на сьогоднішній день[коли?].[5]
Remove ads
jQuery є вільним програмним забезпеченням під ліцензією MIT (до вересня 2012 було подвійне ліцензування під MIT та GNU General Public License другої версії)[3].
Синтаксис jQuery розроблений, щоб зробити орієнтування у навігації зручнішим завдяки вибору елементів DOM, створенню анімації, обробки подій, і розробки AJAX-застосунків. jQuery також надає можливості для розробників, для створення плагінів у верхній частині бібліотеки JavaScript. Використовуючи ці об'єкти, розробники можуть створювати абстракції для низькорівневої взаємодії та створювати анімацію для ефектів високого рівня. Це сприяє створенню потужних і динамічних вебсторінок.
Remove ads
Специфіка
Основне завдання 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'))}
);
Remove ads
Як підключити 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>
Remove ads
Приклад
// Виберемо всі парні елементи "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 = "";
}
});
});
Історія версій
![]() | Цей розділ потребує доповнення. |
Remove ads
Див. також
Примітки
Посилання
Wikiwand - on
Seamless Wikipedia browsing. On steroids.
Remove ads