Як підключити jquery?

Дивіться відео

Як підключити jQuery?

Сучасні сервіси типу YouTube не працювали б без javascript, який взаімодействовует з HTML. Саме тому була розроблена програмна бібліотека jquery, за допомогою якої і відбувається дана взаємодія. Однак мало хто з користувачів інтернету знає, що таке jquery і як підключити і використовувати її.

Розглянемо це питання докладніше нижче.

Як встановити jQuery

Нічого складного в тому, як підключити бібліотеку jquery, немає. Однак є кілька простих відмінностей при підключенні бібліотеки різними способами. Адже таких способів в залежності від ситуації кілька:

• Підключення jquery зі сторінки свого сайту.
• Підключення jquery через Google.
• Динамічне підключення jquery.

Розглянемо кожен випадок окремо.

Підключення jquery зі сторінки свого сайту

Даний спосіб підходить, якщо сайт самопісний, без систем управління на зразок WordPress. Якщо ваш сайт задовольняє цим вимогам і ви хочете завантажувати бібліотеку безпосередньо з нього, то необхідно виконати ряд простих дій:

1. Завантажуємо свіжу збірку jquery з сайту розробника. Досвідчені веб-майстри радять версію «PRODUCTION», щоб ваш сайт швидше вантажив бібліотеку.
2. Закачуємо на сайт файл бібліотеки.
3. Прописуємо код «» всередину тега Head.

Після цього бібліотека буде працювати.

Як встановити jquery через Google

Компанія Google має особливий сервіс Google Libraries API, який дозволяє підключати бібліотеку через їх сервіс. Це зручно тим, що бібліотека буде завантажуватися набагато швидше, ніж з вашого сайту, і буде присутній в кеші більшості браузерів.

Щоб підключити бібліотеку таким способом, досить прописати так само, як в попередньому пункті статті, код:

А щоб дізнатися адресу сервісу на поточний момент, потрібно зайти на сайт Google Developers і подивитися його.

Динамічне підключення jquery

Динамічне підключення означає, що бібліотека буде завантажуватися не з сайтом, а після того, як користувач виконає якусь певну дію. У такому випадку код буде виглядати таким чином:

• var script = document.createElement ('script');
• script.type = 'text / javascript';
• script.src = 'адреса сервісу Google';
• document.getElementsByTagName ('head') [0] .appendChild (script);
• script.addEventListener ('load', function () {
• $ (Document) .ready (function () {
• alert ('jQuery завантажений.');
• });
• }, False);

Таким чином задається функція виконання команди.

Також ви можете прочитати наш корисний розділ Веб-розробка.