Как подключить JQuery к HTML-документу
Опубликованно 27.11.2018 07:45
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" в корневой каталог сайта. Всегда внимательно, предлагая путь к подключаемым файлам, в противном случае документ не будет приниматься.
Таким образом, код разместить на всех страницах сайта, который использует JQuery.
Второй способ-подключение JQuery через Google.
Это еще проще: вам нужно перейти на сервис 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 Года
Категория: Телефоны
