Меню
Спросить
???

Как подключить JQuery?

10 января 2017
Как подключить JQuery?

Здравствуй, дорогой читатель. Если ты попал на эту статью, то возможно тебя интересует вопрос: Как подключить JQuery к сайту или же ты подключил эту библиотеку, но у тебя все равно не работает код или что-то пошло не так. В этой статье мы рассмотрим простой способ подключения JQuery к странице html, а так же проверим подключение JQuery.

Подключение JQuery

И так, как же подключить JQuery к сайту?
Все очень просто. Мы будем использовать тег script и два атрибута: type и src. Предположим у тебя есть пустая страница html:

  1. <!doctype html>
  2. <html lang="ru">
  3. <head>
  4. </head>
  5. <body>
  6. </body>
  7. </html>

Для подключения JQuery к сайту используем тег script и вставляем его в тег head. Если, у тебя файл лежит в папке с сайтом, то пишем просто название файла, если же в отдельной, то сначала название папки, а потом название файла JQuery.

  1. <!doctype html>
  2. <html lang="ru">
  3. <head>
  4. <script type="text/javascript" src="jquery.js"></script>
  5. </head>
  6. <body>
  7. </body>
  8. </html>

Таким образом мы подключили библиотеку, чтобы проверить, что подключилась ли библиотека JQuery к сайту, нужно создать файл с расширением .js и подключить аналогично библиотеке.

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

Заметь, файл с твоим кодом должен подключаться после подключения JQuery библиотеки. Теперь для проверки запиши простой код, в созданный тобой файл, у меня он называется script.js, и запусти сайт или обнови страницу.
Откроем файл и запишем код:

  1. $(document).ready(function(){
  2. alert('Все работает!');
  3. });

Теперь сохраняем изменения, обновляем страницу и радуемся =)

Проблемы

Если все таки, что-то пошло не так, давай рассмотрим возможные ошибки:

Кодировка

Кодировка у всех файлов должна быть одинаковой, у меня это либо UTF-8, либо UTF-8 без BOM.

Путь к файлу
Проверь, правильно ли ты написал путь к файлу, так же проверь, правильно ли ты указал названия файлов.

Порядок
Удостоверься, что библиотека JQuery подключена до файла со скриптами. Порядок должен быть таков: первым подключается JQuery, а за ней файлы со скриптами.

Одна библиотека JQuery
Не подключай несколько библиотек одновременно, используй одну.

Синтаксис
В разных библиотеках, бывают отличия. К примеру, одна библиотека работает так:

  1. $(document).ready(function(){
  2. alert('Все работает!');
  3. });

Другая, может работать только так:

  1. jQuery(document).ready(function(){
  2. alert('Все работает!');
  3. });

Второй вариант я встречал редко, но все же попробуй если у тебя не получилось со значком доллара или же наоборот.

Заключение

Как только у тебя все получилось, переходи к изучению программирования и веб-программирования. Если что-то пропустил, пишите в комментарии, приму к сведению.
Всем спасибо пока =)

Следующая статьяПредыдущая статья