Как подключить jQuery к сайту.


jQuery незаменим, если вы хотите использовать на своем сайте сторонние расширения в виде галереи, динамических меню, разнообразных эффектов и прочего. jQuery сегодня настолько популярен, что многие CMS уже включают этот фреймворк в свое ядро. В данной статье мы рассмотрим как подключить jQuery к сайту, потратив на это минимум времени.

Подключение после скачивания библиотеки.

Заходим на официальный сайт jquery.com и скачиваем последнюю версию библиотеки.

jquery

На текущий момент это версия 1.9.0. В итоге на своем локальном компьютере вы должны получить файл jquery.min.js. Поместите данный файл в одну из папок в корне вашего сайта, где расположены все js скрипты. Если ее еще нет, то вы можете создать папку «js» и поместить в нее скачанный файл. Теперь нам нужно подключить этот файл jQuery на страницах сайта. Нам нужно вставить в теги «head» сайта следующую строку:

1
<script type="text/javascript" src="/js/jquery.min.js"></script>

В коде это может выглядеть так:

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="/js/jquery.min.js"></script>
</head>
<body>
</body>
</html>

Теперь можно использовать методы и функции jQuery.

Подключить jQuery c Google API.

Это наиболее простой способ, который не требует закачки библиотеки на ваш сервер. В данном случае мы подключаем jQuery со стороннего url-адреса:

1
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

В чем преимущество данного способа? Дело в том, что такой способ подключения используется на очень многих сайтах. И если пользователь до посещения вашего сайта уже заходил на другой сайт, где библиотека подключается по указанной ссылке, то его браузер уже «закэшировал» подключаемый файл, следовательно, загрузка библиотеки уже не потребуется. Таким образом, скорость загрузки ваших страниц окажется выше.

Как подключить jQuery в WordPress

Как уже говорилось, многие популярные CMS сегодня уже поставляются с jQuery, и ВордПресс не исключение. Однако, если библиотеку не подключают плагины, то jQuery автоматически не подгрузится. Чтобы подключить данный фреймворк корректно, нужно использовать функцию wp_enqueue_script(). Поместите следующий код в файле header.php вашей темы (откройте через редактор):

1
wp_enqueue_script('jquery');

Функцию нужно разместить между тегами head до вызова функции wp_head(). Почему именно до вызова данной функции? Дело в том, что если jQuery «захочет» подключить еще какой-то плагин, то библиотека будет загружена только один раз (WordPress за этим проследит), что сэкономит время загрузки необходимых файлов.





Другие посты

Категория: jQuery

Комментарии (1)

 

  1. iBezGranic:

    Если быть точнее, для вызова библиотеки нужно разместить код
    Не все новички поймут, решил подправить

Оставить комментарий