Установка jQuery
Мы приступаем к изучению jQuery, и самое первое, что нужно сделать - это установить jQuery к себе на страницу. Также рассмотрим, какие есть версии для установки. Это всё мы разберём в данной статье.
Первым делом, нужно скачать jQuery с официального сайта: http://jquery.com/download/. Рекомендую скачивать jQuery версии 1.x, а 2.x, поскольку последняя не поддерживается IE6-IE8.
Для скачивания имеются 2 вида библиотеки jQuery: сжатая (compressed) и несжатая (uncompressed). В плане работы они идентичны, но сжатая весит значительно меньше (за счёт удаления лишних пробельных символов), что крайне важно для страницы. Несжатая нужна, если Вам необоходимо будет заглядывать в исходный код jQuery, хотя такие ситуации случаются крайне редко, поэтому сразу скачивайте сжатую версию jQuery.
После того как Вы скачали jQuery, его нужно скопировать в папку на сайте. Допустим, путь к jQuery будет следующим: "js/jquery.js". Тогда подключается библиотека jQuery следующим образом:
<script type="text/javascript" src="js/jquery.js"></script>
И последний шаг - это проверка работоспособности библиотеки jQuery. Это нужно для того, чтобы не использовать то, что ещё даже не на 100% подключено, а потом думать, где ошибка в коде, хотя ошибка исключительно в подключении jQuery. Итак, для проверки jQuery можно использовать следующий код:
<script type="text/javascript">
if (window.jQuery) alert("jQuery подключен");
else alert("jQuery не подключен");
</script>
Если появилось всплывающее окно с текстом "jQuery подключен", значит, можете стирать этот код и приступать к написанию скриптов с использованием этой библиотеки. Иначе ищите ошибку в подключении.
В следующей статье мы перейдём уже непосредственно к изучению jQuery.
-
Создано 04.10.2013 13:13:53
-
Михаил Русаков
Комментарии (19):
Здравствуйте Михаил! jQuery можно установить на Joomla?Я так понимаю,что после такого как я скачала его,нужно создать для него отдельную папку на сайте,поместить его туда и подключить его.Я никогда не создавала свой сайт с нуля,так что не судите строго.
Ответить
Если Вы никогда не создавали свой сайт с нуля, то забудьте об этом. Ищите готовые решения для Вашей Joomla.
Ответить
Не слушайте никого, Катя! Всякие там Joomla и Wordpress ни в какое сравнение не идут с движком собственного производства!!! На изучение этих монстров может уйти не меньше времени, чем на изучение html и php. Последнее гораздо интереснее!
Ответить
Андрей,я не спорю с Вами.Но для того чтобы написать свой движок на php с б/д mysql наверное надо много времени, а у меня его не так много.А Jommla я хотя бы знаю,хотя в ней ковыряться в её настройках это тоже не лучший вариант, иногда проще свой код написать, чем эти кнопки нажимать. Хотя в ней тоже можно редактировать html-код.и php если знаешь.Но разбираться в этой горе кода это пипец конечно.Лучше наверное самой написать своё.Например шаблон Joomla если хочешь кардинально поменять снова нужно знать php, а если не знаешь,то довольствоваться тем, какой он есть,не изменяя например расположения менюшек.
Ответить
Вы зря так пишите. Я уже нашла нужную мне инфу, и это очень просто на самом деле сделать.Нужно также скачать jQuery, создать для него папку, закинуть в корень сайта. Далее его нужно подключить, тоесть зайти в шаблоны Joomla, тобиш в папку templates, найти тот шаблон который включен и в нём найти index.php.В <head> нужно вставить код скрипта,необходимый для подключения.Вот и всё.
Ответить
Ну вот! И я об этом. Вы уже почти готовы написать свой движок. Все эти Ваши манипуляции с готовыми шаблонами, по сути мало чем отличаются от того, что я предлагаю. За то свой движок Вы будете знать как свои же пять пальцев. К тому же вовсе не обязательно нужны б/д. Можно и на файлах базу построить. Кстати jQuery вовсе не обязательно держать на своём сайте. Эта библиотека лежит в свободном доступе на офсайте. достаточно просто подключить её к своим страницам вписав между тэгами script путь(ссылку откуда Вы её скачали)
Ответить
Но тогда скорость загрузки её будет намного меньше.
Ответить
Да ладно?! Лично я разницы не заметил. Другое дело если тестировать сайт на локальном сервере, без подключения к сети.
Ответить
Подумайте сами. Одно дело взять файл, лежащей на одном и том же сайте, и совсем другое, обратиться к другому ресурсу, запросить у него тот файл, затем подключить у себя
Ответить
А вы пробовали? А о хешировании скриптов слыхали?
Ответить
Слыхал. Хорошо, тогда, допустим, у них сервер упал. И что же будет у Вас? Все скрипты, использующие эту библиотеку, перестают работать. И тут уже ничего не поделаешь. Так что у себя их хранить лучше. Да, лишний вес, но всё же плюсов больше, чем минусов у такого способа
Ответить
Спорить нет смысла. Сервер скорее у Вас упадёт, чем у них (я так думаю). Дело Ваше. Поступайте, как Вам удобнее. Моё мнение это всего лишь моё мнение и я пока останусь при нём.
Ответить
Екатерина, я имел ввиду, что если Вы не знаете html, css, js, то Вам бессмысленно подключать JQuery. Но, если Вы всё же знаете, то дерзайте.
Ответить
Не подключается. Ни у какого браузера! Какой код на самом деле? Может нужно проверить или что?
Ответить
Покажите код
Ответить
Добрый день, способы рабочие, но вы забыли об одной очень важной части — что будет если у пользователя будут проблемы с подключением к CDN или на нем будет попросту ошибка? В этом случае нужно проверить загрузилась ли библиотека, и если нет, то загрузить с нашего сервера. Вот статья на эту тему — http://ymatuhin.ru/front-end/safe_use_of_cdn_and_jquery/
Ответить
Добрый день! Подскажите, как поступить в ситуации: скачал с сайта http://jquery.com/download/ "compressed, production jQuery 1.12.0", инициализировал успешно - "jQuery подключен". Но потом вспомнил, что не прописал скрипт в <head>. Зашел, а там, оказывается, уже установлены JQuery 1.6.4. и jquery-1.3.1.min.js . Тут я вспомнил про какой-то "мигратор" с одной версии JQuery на другую версию. Как поступить: учиться дальше со старыми версиями или установить (как?) этот "мигратор" (чтобы он код обновил-подчистил)??? Заранее спасибо!
Ответить
Извините, я совсем новичок, вроде делала все по инструкции, но пишет, jquery не подключен. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Нева-строй</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>Бетон</p> <script type="text/javascript"> if (window.jQuery) alert("jQuery подключен"); else alert("jQuery не подключен"); </script> </body> </html> В чем возможна проблема? Спасибо!!!
Ответить
А у меня такая проблема: из файла html все подключается, а через файл main.js - нет. Что делать?
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.