Урок №1. Общие сведения о jQuery. Добавление jQuery к веб-странице

jQuery это Javascript-библиотека, с помощью которой можно легко работать с анимацией и файлами, управлять внешним видом веб-страницы и т.д.

Давайте создадим html-файл следующего содержания:


    <!DOCTYPE html>


    <html>


    <head>


    <meta charset=”windows-1251” />


    <title>jQuery</title>


    </head>


    <body>


    </body>


    </html>

Дальше в код нашей веб-страницы необходимо добавить ссылку на библиотеку jQuery. Сделать это можно несколькими способами:
1) скачать с сайта https://jquery.com/download/ последнюю версию jQuery, закачать файл себе на сайт и указать в коде нашей веб-страницы его расположение;
2) скопировать ссылку на актуальную версию jQuery с сайта https://code.jquery.com и вставить эту ссылку в веб-страницу. На выбор предлагается несколько вариантов:

https://code.jquery.com/jquery-3.5.1.js (uncompressed-версия, 281 килобайт)
https://code.jquery.com/jquery-3.5.1.min.js (minified-версия, 88 килобайт)
https://code.jquery.com/jquery-3.5.1.slim.js (slim-версия, 229 килобайт)
https://code.jquery.com/jquery-3.5.1.slim.min.js (slim minified-версия, 71 килобайт)

В этом и последующих уроках по jQuery будет использоваться uncompressed-версия, поскольку она наиболее удобна при веб-разработке.

Ссылка на jQuery указывается между открывающим и закрывающим тегами соответственно.


    <!DOCTYPE html>


    <html>


    <head>


    <meta charset=”windows-1251”/>


    <title>jQuery</title>


    </head>


    <body>


    <script src="jquery-3.5.1.js"></script>


    </body>


    </html>

Страница обновлена 31 июля 2022 года.