Зміст:
jQuery – це популярна бібліотека JavaScript, яка спрощує роботу з HTML-документами, полегшує написання анімацій та обробників подій. При використанні jQuery важливо правильно підключити її у своєму проекті, щоб вона працювала коректно та ефективно.
Як правило, підключення jQuery відбувається шляхом додавання посилання на зовнішній файл, який містить код бібліотеки, до секції head HTML-документ. Однак є кілька місць, де можна розмістити це посилання, і кожне з них має свої особливості та наслідки.
Найбільш поширеним місцем для підключення jQuery є завантаження її за допомогою зовнішнього посилання через Content Delivery Network (CDN). CDN – це система розподілу контенту, яка дозволяє швидко та надійно доставляти файли, такі як JavaScript та CSS, на ваш сайт. У цьому випадку ваш сайт буде підключати jQuery з віддаленого сервера, що має кілька переваг, включаючи менше навантаження на ваш сервер і можливість використовувати кешування, що прискорює завантаження сторінки в браузері користувача.
Місце підключення | Переваги | Недоліки |
---|---|---|
Зовнішній сервер |
|
|
Локальний сервер |
|
|
Вбудований веб-сервер |
|
|
Як підключити jQuery на веб-сайт?
Бібліотеку jQuery можна підключити без завантаження її на сайт. На офіційному сайті можна знайти CDN від різних компаній: StackPath, Google CDN, Microsoft Ajax CDN, CDNJS, jsDelivr CDN. Щоб підключити jQuery з CDN, потрібно лише вставити в код сторінки скрипт, де прописаний шлях до бібліотеки.
Де потрібно прописати код jQuery?
jQuery-код обробляється саме у браузері. Після знака $ у дужках у лапках ви можете писати будь-який CSS-селектор, наприклад клас $('. any-class'). Тобто звертатися до елементів можна так само, як у CSS.
Як підключити jQuery UI?
Існують два варіанти підключення jQuery UI:
- Локальне підключення. Цей спосіб вимагає завантаження спеціального файлу з офіційного сайту;
- Віддалене підключення. Цей спосіб не вимагає завантаження файлу, а натомість використовує його віддалено (дана послуга надається компанією Google).
Чи потрібно підключати jQuery?
Без підключення jQuery жодна з вбудованих функцій працювати не будетому це перше, що необхідно розглянути.