Как подключить JQuery в HTML документ
Опубликованно 26.11.2018 02:36
JQuery является самой большой библиотеки сценариев, которые позволяют заполнить сайт интерактивные элементы и добавить интересные дизайнерские элементы. И это считается более оптимизированной и эффективной, что использование "чистого" JavaScript. В этой статье будет объяснено, как подключить JQuery на вашей странице. Где скачать JQuery
Скачать библиотека выполняется на официальном сайте. Посмотрите на скриншот ниже. При нажатии на большую оранжевую кнопку, вы попадете на страницу, где можно выбрать нужную версию JQuery для вашей операционной системы.
На сегодняшний день последняя версия библиотеки — 3.3.1. Более ранние версии не поддерживаются, так что если вы использовали ранее, необходимо заменить их последний, оптимизирован для всех современных браузерах и отображается правильно.
Выберите любой версии JQuery, что вам требуется, нажмите на ссылку правой кнопкой мыши, а затем нажмите на кнопку "Сохранить страницу как" — файл сохранится в формате.JS файл.
После загрузки библиотеки JQuery будет доступен для работы. Функции библиотеки JQuery
Перед подключением JQuery, важно знать, какой файл будет использоваться. Дело в том, что эта библиотека доступна в двух версиях: сжатый и не сжатый. Чем они отличаются?
От версии таблетки удалены все символы, символы табуляции и пробелы. Это делается для того, чтобы уменьшить вес документа, на который ссылается страница, когда вы работаете с библиотекой. В названии этой версии присутствует .мин является признаком того, что вы используете версию таблетки.
В несжатом код JQuery таким образом, что позволяет вносить любые необходимые изменения, это полезно для отладки. Его также можно подключить к веб-странице, тем не менее, использование такой версии может снизить производительность веб-сайта.
Подключение библиотеки HTML-документ
Есть несколько способов, чтобы подключить JQuery, HTML.
Самый простой-использование тега <script>, который дает возможность ссылаться на внешние файлы, содержащие JavaScript.
Для того, чтобы использовать загруженный библиотека, поместите файл в папку, где хранятся все остальные файлы вашего веб-сайта. Вы можете добавить в основной каталог, но лучше создать отдельную папку только для скриптов, это поможет вам ориентироваться в структуре страницы.
Далее заходим в HTML-документ и прописываем там код, который позволяет подключать JQuery на веб-странице.
Код будет выглядеть примерно так:
<!DOCTYPE html> <html> <head> <script src="/js/jquery.min.js"></script> </head> <body> </body> </html>
Находится тег <script> с атрибутом src, указывает на искомый файл, в тег <head>.
Примечание: в этом примере мы подключаем к странице сжатую версию JQuery библиотеки, что находится в папке "js" в корневом каталоге сайта. Всегда внимательно собственной жизни путь, plug-в файл, в противном случае документ не будет в состоянии обратиться к ним.
Таким образом, код необходимо разместить на всех страницах сайта, где используется JQuery.
Второй способ — через Google подключить JQuery.
Это еще более простой: вы должны получить доступ к службе Google Developers, в разделе библиотеки для оптимизации найти JQuery и скопируйте код:
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Этот код ссылается на обновленную версию библиотеки. Может назначить или в теге <head> аналогично предыдущему, или в конце страницы, перед закрывающим тегом </body>.
Этот способ подключения JQuery хорошо, что не перегружает вашу страницу ненужной информацией, и относится непосредственно к библиотеке стороннего ресурса. Сервисы Google являются достаточно надежными, так что не волнуйтесь, что ваш сайт что-то перестает работать. Подключить JQuery в этом случае — лучший вариант, если вы не хотите, чтобы отладить исходный код библиотеки.
Google, кроме того, ссылается на версию библиотеки. JQuery, когда вы работаете с CMS Wordpress
Большое количество сайтов, выполненных на движке Wordpress, считается наиболее гибким и удобным для разработчиков. Поэтому существует специальный инструмент, который позволяет подключить JQuery с сайта на этой CMS.
Открыть файл functions.php и написать следующий код:
function theme_scripts_method(){ wp_enqueue_script( 'jquery'); } add_action( 'wp_enqueue_scripts', 'theme_scripts_method' ); В заключение
Библиотека Jquery имеет ряд функций, вы можете использовать, чтобы сделать веб-странице интерактивности и добавления интересных элементов дизайна. Его используют как новички в создании веб-сайтов и опытных разработчиков.
Jquery не снижает производительность веб-сайта и очень прост в подключении. Автор: Ольга Чекмарева 21 Октября 2018 года
Категория: Техника
