jQuery: підключення до веб-сторінці

Інтернет
Loading ...

jQuery є Javascript-бібліотекою, яка фокусується на взаємозалежної роботі технологій HTML, JavaScript і CSS.

На що здатна jQuery

Бібліотека вміє працювати з наступним переліком завдань:

  • вміє виконувати звернення до абсолютно будь-якого елементу об'єктної моделі сторінки (DOM) і виробляти складні маніпуляції з ними;
  • підтримується обробка подій;
  • присутній функціонал для різних графічних ефектів і анімації;
  • спрощена робота з технологією динамічного завантаження AJAX (функція дуже важлива і вкрай корисна, але зараз не про це);
  • jQuery має власні плагіни у величезній кількості, основна функція яких полягає в реалізації користувальницьких графічних інтерфейсів і взаємодії користувача з ними.

Стисла і Незжата версії бібліотеки

Розробникам є кілька варіантівскрипта - одна піддана компресії, інша ні. Повноцінну версію дуже зручно використовувати на стадії кодинга і налагодження (тестування) веб-додатків. Мінімалізувати версія, навпаки, буде мати мало корисних переваг під час дебаггінга, але вона в рази швидше завантажується і займає менше місця. Таким чином, стислу версію jQuery доцільно використовувати вже в готовому проекті, адже вона економить трафік сервера і займане місце на диску.

jquery підключення

Як правильно вибрати версію jQuery

Сьогодні існує кілька основних напрямківв jQuery - це гілки версій 1.x, 2.x, і 3.x. Їх разючу відмінність в тому, що, починаючи з другої версії, була припинена будь-яка підтримка застарілих браузерів, на зразок браузера від корпорації "Майкрософт" - "Інтернет Експлорер", до восьмої версії включно.

Таке рішення дозволило скоротити фізичний проьем даних в бібліотеці на десять відсотків ітрохи оптимізувати її роботу. Проте, в світі ще є домашні і корпоративні комп'ютери, де основним браузером встановлений старий Internet Explorer, хоч відсоток цих користувачів і не перевищує 3% по всьому світу. Тому підтримувати застарілу платформу чи ні - вирішувати вам.

Розробники jQuery дотримуються принципівзабезпечення сумісності версій. Це означає, що код, написаний для версії бібліотеки 1.7, буде працювати також і з версією 1.8. Але іноді компанія-розробник видаляє малокорисні функції з jQuery, тому краще перечитати документацію за новою версією, якщо збираєтеся виконати апгрейд.

У 2016 році відбувся реліз нової гілки jQuery. Нею стала версія 3.0, яка стала ще швидше і легше старих версій. З неї були остаточно вилучені хакі для реалізації деяких функцій в застарілих браузерах, що дозволило позиціонувати бібліотеку як сучасний і потужний інструмент розробки.

Якщо ваш проект вже прив'язаний до якоїсьбібліотеці, то спочатку оцініть витрати трудових ресурсів на апгрейд. Якщо отримана вигода від нової версії буде того стояти - сміливо починайте роботу. Всім розробникам, які тільки починають використовувати інструмент в своїх проектах, бажано починати безпосередньо з останніх версій.

Як почати роботу з jQuery

Насамперед необхідно визначити установки з'єднанняjQuery. Для цього потрібно безпосередньо завантажити бібліотеку з ресурсу розробника jquery.com, або ж з дзеркала, і помістити бібліотеку на ваш веб-сервер.

Тепер виконаємо саме підключення jQuery до веб-сторінці. Підключенням різних скриптів в мові гіпертекстової розмітки займається тег script. Виконаємо підключення jQuery за допомогою наступного коду:

підключення jquery

Даний варіант добре підходить для підключення в режимі офлайн, але є і маса інших способів для серверного використання.

Підключення jQuery за допомогою хмарних сервісів

Компанія Google надає послугу HostedLibraries, використовуючи яку, будь-яка людина може підключити популярний фреймворк або бібліотеку до свого веб-додатком. Щоб виконати підключення jQuery через хмарне сховище Google, використовуйте рядок, яка відповідає обраній версії, на наступною схемою:

як підключити бібліотеку jquery

Цифри в графі versions відповідають номеруверсії, яка доступна для установки і подальшої роботи з нею. Щоб підключити будь-яку з проміжних версій, просто скопіюйте її числовий номер в рядок підключення замість цифр зазначених в прикладі.

Переглянути список актуальних версій ви завжди зможете за адресою:

https://developers.google.com/speed/libraries/#jquery

Якщо ви з якоїсь причини не довіряєте корпорації Google, але все ж хочете знати, як підключити бібліотеку jQuery зі стороннього надійного сервера, використовуйте сховище від "Майкрософт".

підключаємо бібліотеку jquery

jQuery є одним з найкращихінструментів для простого створення анімації на веб-сторінках. Після того як ви усвідомлюєте силу цього інструменту, ви будете дуже раді, що почали вивчати подібну бібліотеку.

Скептики серед студентів і розробниківвважають, що краще реалізовувати все за допомогою чистого мови програмування, без використання сторонніх бібліотек. Але потрібно розуміти, що файл jQuery займає всього тридцять два кілобайти, і швидше за все вже знаходиться в кеші браузера вашого користувача, якщо ви підключаєте скрипт через Google. Так що не бійтеся вивчати інструменти, які спрощують життя розробнику. Адже для того ми і підключаємо бібліотеку jQuery - щоб не винаходити заново велосипед.

Loading ...
Loading ...