Как подключить jQuery к HTML-документ
Опубликованно 01.02.2019 01:19
JQuery-это самая обширная и популярная библиотека скриптов для лучшей полной функциональности веб-страницы. Его использование во многих случаях предпочтительнее писать отдельные скрипты для сайта, ведь эта библиотека является надежность и способность работать во всех браузерах, включая старые версии. Также использовать jQuery оптимизирует работу сайта и создает гораздо меньшую нагрузку, чем "чистого" JavaScript-код.
В этой статье мы увидим, как на jQuery подключить к вашему сайту. Как скачать библиотеку jQuery
Для того чтобы подключить библиотеку jQuery на веб-страницу, необходимо скачать и добавить в папку с JavaScript-файлы в директории, где эти файлы находятся на веб-странице.
Библиотеки можно скачать с официального сайта, прямо на главной странице будет указывать на последнюю версию jQuery и ссылки на скачивание. Это выглядит так:
Таким образом, мы видим, что последняя версия библиотеки jQuery на сегодняшний день (октябрь 2018) — В3.3.1. Рекомендуется следить за обновлениями и регулярно хотите подключить последнюю версию, чтобы избежать ошибок в отображении информации на сайте.
После того, как файл загружен, он должен быть помещен в папку на хостинг, на котором выложены другие файлы сайта. Если веб-страница не загружается в сеть, а на компьютере, что Загрузить файл просто помещается в соответствующую папку. Если он уже передан на сервер, нужно использовать любой файловый менеджер для передачи данных (например, WinSCP или filezilla в).
В магазине js скриптов для этого лучше выделить отдельную папку. Он передается и jQuery. Подключить загружена библиотека
Как подключить библиотеку jQuery к HTML-документа. Сначала откройте в любом текстовом редакторе или редакторе кода на страницах вашего сайта. В том случае, если вы работаете на любой CMS, вы должны пойти в раздел, где вносятся изменения в головное устройство.
Затем в <head> вставьте следующий код со ссылкой, которая указывает, как подключить скрипт jQuery и приводит в соответствующий каталог.
Это будет выглядеть следующим образом:
<скрипт СРЦ="scripts/jquery-3.3.1.min.js"></скрипт>
Соответственно, в папке Scripts-это папка, в которой нужные библиотеки, после ее полного разрешения имен (аналогично подключению любых других файлов к документу). Как вы можете видеть, вы используете тег <script> с атрибутом src, который указывает путь к файлу.
Этот способ подключения jQuery является наиболее распространенным, но в некоторых случаях может незначительно снизить производительность вашего сайта.
Подключение jQuery в WordPress с
WordPress является одной из самых популярных CMS для разработки сайтов и блогов. Рассмотрим как подключить jQuery в WordPress можно.
Это не неправильно подключить библиотеку как описано выше через блок головок, но и для оптимизации работы сайта, мы рекомендуем следующий способ.
Чтобы скачать библиотека в этом случае не требуется. Вам нужно перейти в режим редактирования из functions.php файл и поместите следующий код в нем:
функция my_enqueue_scripts() { wp_enqueue_script('jQuery с'); } add_action('wp_enqueue_scripts', 'my_enqueue_scripts');
Таким образом, соединение будет разорвано.
Использовать jQuery с Google
Есть простой способ, чтобы использовать сервисы Google для подключения jQuery к сайту. Его преимущества включают в себя улучшение производительности сайта, так как задействованы не файлы с внутренним документом и внешним ресурсом, то есть, дополнительное скачивание время не расходуется, и страница быстрее.
Как подключить jQuery к сайту через Google.
Это также необходимо, как и в первом способе, перейдите в раздел <head> всех HTML-документов, а затем введите следующий код:
<скрипт СРЦ="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></скрипт>
Это прямая ссылка на библиотека размещены непосредственно на Google. В будущем, когда скрипт будет иметь доступ к библиотеке, она будет загружать его оттуда.
Важно отметить, что по ссылке должны быть указаны последнюю версию jQuery. Код с последней версией вы можете взять с разработчиков Google, найдя через поиск по названию библиотеки. Варианты На JQuery
Хотите знать, как подключить jQuery к сайту, то наверняка заметили, что когда скачивание будет доступно два файла, один из которых имеет расширение имени "Мин", а второй-нет.
Обе эти опции могут быть использованы для подключения к веб-странице, но есть разница.
Версия мин название сжимается, как его удалить все ненужные символы, такие как символы табуляции и разрывы строк. Это почти невозможно, чтобы использовать его для редактирования и отладки, однако, он показывает хорошую производительность при подключении к сайту.
Несжатая версия, наоборот, хорошо использовать при отладке кода, но он весит больше, и подключиться к веб-сайту это не рекомендуется.
Заключение
Итак, мы рассмотрели основные методы и узнали, как подключить скрипты jQuery в HTML-документ. В зависимости от целей и задач, а также опираясь на вопрос личного удобства, вы можете использовать любой вариант из предложенных.
JQuery-это замечательный способ расширить функциональность сайта без ущерба для производительности. Автор: Ольга Чекмарева 9 октября 2018
Категория: Техника
