phpjsJqueryhtmlcssblog

Как подключать библиотеку jQuery все способы подключения примеры

Как подключить jQuery , как подключать jQuery библиотеку!? Все способы подключения jQuery! Сегодня поговорим о том, как подключить jQuery , для чего нужен jQuery…

jQuery – это библиотека, которая работает под javascript. И пока вы не начнете пользоваться jQuery - вы никогда не поймете зачем нужен и как ею пользоваться.

Навигация по странице :

1. Как подключить jQuery по ссылке -> удаленно
2. Как подключить jQuery по ссылке -> локально
3. Как скачать jQuery
4. Не могу скачать jQuery
5. Какой из вариантов подключения jQuery выбрать!?
6. Зачем нужен jQuery !?
7. Скачать можно здесь

Скопировать ссылку



Как подключить jQuery по ссылке -> удаленно

Первый, самый простой способ подключить jQuery - подключить jQuery по ссылке! вы можете зайти на официальный сайт https://jquery.com/ и там почитать подробности...


Добавляем на страницу код в "head" либо в самом конце страницы(как вам нравится...) :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

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

Нажмите, чтобы открыть в новом окне.


Скопировать ссылку



Как подключить jQuery по ссылке -> локально

Как можно подключить jQuery -> локально!? Что значит подключить jQuery локально!? Это второй способ подключения библиотеки jQuery!


Для этого варианта вам потребуется:

Скачать jQuery с офф сайта библиотеку jQuery

Забросить в папку на сервере

Прописать новый путь до вашей библиотеки jQuery

У нас это выглядит так:

<script src="/___dwweb_ru/__template/js/jquery-3.3.1.min.js"></script>
Скопировать ссылку



Как скачать jQuery

Для того, чтобы скачать jQuery заходим на сайт https://jquery.com/, справа видим кнопку скачать, нажимаем Download jQuery:
У нас открывается новая страница. где нас интересует две строчки - это первая строка - несжатая библиотека jQuery... и сжатая!


Какая между ними разница!? Они отличаются весом (первый вариант весит 85 Кб, а второй 260(вес может немного отличаться в зависимости от версий…))

Нажмите, чтобы открыть в новом окне.


После того, как скачали файл jQuery, его нужно переместить на сервер, где он и будет находиться...


Как и в первом варианте создаем код, в котором нужно прописать путь до файла...

<script src="http://ВАШ_САЙТ/ПУТЬ_ДО_ФАЙЛА/НАЗВАНИЕ_ФАЙЛА.js"></script>
Скопировать ссылку



Не могу скачать jQuery

Как-то, по какой-то причине, на одной из машин, категорически jQuery не хотел скачиваться...

Вы нажали на кнопку загрузить, но загрузка не произошла, а вышло новое окно, где вы увидели много кода! Что делать с ним!?

Нажимаем ПКМ и выбираем строку сохранить как… Показываем место сохраняем.

Нажмите, чтобы открыть в новом окне.


Скопировать ссылку



Какой из вариантов подключения jQuery выбрать!?

В сети очень часто видишь, что, когда говорят о подключении jQuery, то рекомендуют удаленное подключение.

Всегда спрашивайте себя! Не только об этом а вообще о жизни!

Спросите себя, что лучше расположение на удаленном сервере или на локальном!?

Лично для меня ответ очевиден! Я сторонник того, чтобы никаким образом, если это возможно - никогда не зависеть от второго лица!

Скопировать ссылку



Зачем нужен jQuery !?

Мы не будем вдаваться во всякие мудрствования, о том откуда пошел jQuery , почему так сложилось, что javascript по ощущениям … какой-то ущербный без jQuery .

Давайте приведем простой пример, который показал бы, что без jQuery javascript – довольно тяжел для запоминания и понимания… не буду что-то придумывать свое, вот пример из интернета:

<p id="p"></p>
<script>
var elem = document.getElementById('p');
var elem = $('#p');
</script>

Видим, что строка где есть «document» и ниже идущая строка отличаются кардинально! И знаков, которое требуется напечатать отличается в 4 раза! А выполняет абсолютно одинаковую функцию, которую из строк легче запомнить!? Какая из строк выглядит красивее и удобнее? Ответ очевиден!

От себя добавлю

Я очень часто ко всему отношусь скептически, но лишь до тех пор, пока сам не опробую этим попользоваться! И так же обстоит дело с jQuery! И никогда не думал, что буду ею пользоваться и тем более писать об этом!

14.02.2020Остановка

В какой-то момент остановился и решил перенаправить изучение в чистый javascript! Почему!? В связи с тем, что очень много поисковых запросов именно касается чистого javascript! И это хорошо, что так мало материала! Мы всегда можем быть в топе!

Отдельное оглавление дял jquery -> javascript

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---