Как подключить и использовать jQuery на сайте: подробная инструкция

jQuery - это JavaScript библиотека, которая упрощает работу с HTML, CSS и DOM. Для того, чтобы использовать ее функционал в своем проекте, нужно подключить ее к странице. Существует несколько способов подключения jQuery, но самым распространенным является подключение через CDN.

CDN (Content Delivery Network) - это сеть серверов, расположенных в различных частях мира, которые хранят копии файлов (в нашем случае - библиотеку jQuery) и выдают их пользователям из ближайшего сервера, что обеспечивает быстрый доступ к содержимому.

Для подключения jQuery нужно добавить ссылку на ее файл перед тегом ``:

html


  
    
    
  
  
    
    
    
  

Этот код добавляет ссылку на последнюю версию библиотеки jQuery (на момент написания ответа - 3.6.0) через CDN.

После подключения jQuery становится доступной в коде страницы. Например, следующий код изменяет цвет фона элемента с классом `.box` при клике на кнопку с идентификатором `#btn`:

html


  
    
    
  
  
    
Моя коробка
    Изменить цвет
    
    
    
  

В этом примере мы используем метод `.ready()` для того, чтобы выполнить код, когда страница полностью загружена. Затем мы связываем обработчик события `.click()` с кнопкой и изменяем цвет фона элемента `.box` с помощью метода `.css()`. Знак доллара `$` в начале функции обозначает вызов jQuery, а внутри функции мы используем CSS-подобный синтаксис для работы со свойствами стилей.