Как подключить библиотеку JQuery к сайту

Для того, чтобы подключить библиотеку JQuery к сайту, можно воспользоваться несколькими способами. Я остановлюсь на не нсамом простом, но на самом действенном, или, вернее сказать, на самом правильном. Этот способ подходит для любого сайта, любого движка. Сделать это можно очень просто, загрузив в корень сайта свой файл библиотекой JQuery. Скачать библиотеку можно с главной страницы официального сайта jquery.com. Там всё просто: нажимаете кнопку скачать и действуйте по инструкции.

Теперь идём в корневую директорию вашего сайта, находим папку js, если нет — значит создаем папку с таким названием. после чего в эту палку заканчиваем скачанный раннее файл. В моём случае это файл jquery-3.2.1.min.js. А вы может быть скачайте другую версию библиотеки и, соответственно, файл будет называться по другому.
Далее между тегами <head></head> вставляем следующий код:

<script src=» Ваш путь к файлу библиотеки »  type=»text/javascript»></script>

Предпочтительнее вставить его сразу после тега. Вот так просто можно в течение 5 минут подключить библиотеку JQuery к сайту. Если же ваш сайт сделан на движке WordPress, то подключить библиотеку можно еще проще. Вернее, правильно будет сказать, что если Ваш сайт располагается на движке WordPress, то библиотекаJQuery к нему уже подключена и дополнительно это делать — нет никакого смысла. Но если вдруг версия подключённой к шаблону библиотеки Вас не устраивает и вы хотите подключить другую версию библиотеки JQuery, то, дабы избежать конфликтов, вставьте в файл functions.php следующий код:

<?php
function my_jquery_scripts() {
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
    wp_enqueue_script( 'jquery' );
}    

add_action( 'wp_enqueue_scripts', 'my_jquery_scripts' );
?>

Одна часть кода отключает уже существующую библиотеку шаблона, а вторая часть подключает новую версию библиотеки.JQuery с сервера Google.

Проверяем работоспособность jQuery

Проверить работоспособность библиотеки можно очень простым способом, для этого достаточно в любую страницу сайта вставить следующий код:

<script> $(function() {

alert (‘jQuery подключен и весело работает!’);

}); </script>

 

biblioteka2

После чего появится табличка со следующим сообщением:
biblioteka1

Подпишись на обновления takvse.ru !

Яндекс.Метрика