slogin.info

ihc 468x60 1 1
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 4402
Теги: javascript, jQuery, google, jquery.min

Для многих новичков в создании сайтов непонятно, что же такое JQuery, хоть они и постоянно слышат о нем и даже возможно пользовались.

Как мы знаем есть язык JavaScript, который позволяет работать динамически с элементами на странице и делать страницу более привлекательной.

JQuery - библиотека функций, основанных на JavaScript. Если вы уже имели дело с js(JavaScript), то вам все станет ясно.

Эту библиотеку специально разработали специалисты, чтобы упростить использование js, так как многие сложные вещи на js реализовать не так просто. А JQuery позволяет использовать такие сложные конструкции вызовом только одной функции, а не полным составлением ее самим.

Можно выделить два способа подключения JQuery на ваш сайт:

  1. Подключать файл библиотеки с помощью одного из сервисов google
  2. Скачать файл библиотеки на сервер сайта и подключать как внутренний файл.

Подключение библиотеки JQuery с помощью одного из сервисов google

Возможно это более удобный вариант для некоторых людей, любой файл с js кодом подключается к HTML странице примерно следующим кодом:

<script type="text/javascript" src="/путь до файла с js-кодом"></script>

В случае подключения файла с другого ресурса необходимо просто указать полный путь до этого файла. У Google есть специальный сервис, на котором есть все версии JQuery, к которым вы можете получить доступ по адресу вида:

https://ajax.googleapis.com/ajax/libs/jquery/*версия_Jquery*/*формат библиотеки*

Здесь за место *версии Jquery* нужно подставить интересуемую вас версию, самая последняя 2.1.3 на данный момент именно в таком виде и нужно подставлять версию. Сейчас существуют две основных версии, это начинающиеся на 1 и на 2, вторая более свежая и содержит больше возможностей. Но многие предпочитают использовать более старые по разным причинам, например, они весят меньше и подгружаются быстрее.

Под *формат библиотеки* сейчас понимаются полные версии и минимизированные. Отличие в количестве кода, полные версии весят гораздо больше минимизированных и редко используются, так как нагружают сайт лишним. Если за место формата библиотеки писать jquery.js, то это будет полная версия, а если jquery.min.js, то это будет сжатая версия. Попробуйте собрать адреса до разных вариантов, и перед вами прямо в браузере откроется код JQuery библиотеки. Вот некоторые пример таких адресов:

https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js

https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js

Теперь приведу пример подключения JQuery в вашем файле HTML страницы, помещенному в <head></head> секцию:

<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
</head>

Подключение JQuery как внутренний файл

Тут все просто, качаем файл минимизированный или полной библиотеки JQuery, как вам захочется. Скидываем этот файл поближе к HTML странице, куда будет подключать, обычно такие файлы кидают в специальную папку, под названием js. Подключаем этот файл все тем же способом, только уже файл будет лежать у на на сервере, выглядеть это будет примерно так:

 

<head>
<script type="text/javascript" src="/js/jquery-1.11.2.min.js"></script>
</head>

 

Комментарии   

0 # Дмитрий 14.03.2015 13:16
Подключил. Спасибо Вам большое, всё работает.
Ответить | Ответить с цитатой | Цитировать
0 # Администратор 14.03.2015 16:56
Цитирую Дмитрий:
Подключил. Спасибо Вам большое, всё работает.


Рад стараться :-)
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Авторизоваться с помощью:

     


Защитный код
Обновить

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    4.20
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
  • Hozephlof
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Похожие материалы

Языки программирования сайтов

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

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее
Ajax-форма обратной связи на JQuery

В этой статье мы расскажем о том, как сделать форму с ajax-запросом, при помощи библиотеки jQuery. Другими словами, чтобы страница не перезагружалась, при отправке данных через форму.

Теги:

javascript, form, jQuery, ajax, onclick

Комментариев: 0 Подробнее
Увеличение изображения при нажатии на него.

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

Теги:

javascript, img, jQuery

Комментариев: 0 Подробнее
Простейшие табы(вкладки) контента на jQuery

В этой статье мы реализуем вкладки с любым содержимым при помощи библиотеки jQuery.

Теги:

javascript, jQuery, tabs, tab

Комментариев: 0 Подробнее

Последнее с форума

intuit89 аватар
Поздравляем всех с Новым Годом! Желаем успехов всем посетителям сайта! В свою очередь хотим предло...
Перейти в тему
intuit89 аватар
Мы завершили еще один проект bali-organic.ru/ [image]
Перейти в тему
intuit89 аватар
готовы к новым проектам
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.