jQuery и JS-библиотеки для сайта
jQuery 1.x
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/1.11.3/jquery.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/1.9.1/jquery.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/1.8.3/jquery.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/1.7.1/jquery.min.js»></script>
jQuery migrate
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/migrate/1.2.1/jquery.migrate.min.js»></script>
jQuery 2.x
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/2.1.4/jquery.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/2.0.3/jquery.min.js»></script>
Bootstrap
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/bootstrap/2.3.2/css/bootstrap.min. css» />
<script type=»text/javascript» src=»//cdn.sm.plus/bootstrap/2.3.2/js/bootstrap.min.js»></script>
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/bootstrap/3.3.6/css/bootstrap.min.css» />
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/bootstrap/3.3.6/css/bootstrap-theme.min.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/bootstrap/3.3.6/js/bootstrap.min.js»></script>
Bootstrap DatePicker
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/bootstrap/datepicker/1.5.0/css/bootstrap-datepicker.min.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/bootstrap/datepicker/1.5.0/js/bootstrap-datepicker.min.js»></script>
Bootstrap titatoggle CSS (checkbox)
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/bootstrap/titatoggle/1.2.8/titatoggle.min.css» />
Font awesome (icons)
<link rel=»stylesheet» type=»text/css» href=»//cdn. sm.plus/font-awesome/4.5.0/css/font-awesome.min.css» />
ColorBox
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/colorbox/1.6.3/jquery.colorbox.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/colorbox/1.6.3/jquery.colorbox.min.js»></script>
Theme
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/colorbox/1.5.14/example1/colorbox.css» />
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/colorbox/1.5.14/example3/colorbox.css» />
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/colorbox/1.5.14/example4/colorbox.css» />
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/colorbox/1.5.14/example5/colorbox.css» />
<script type=»text/javascript» src=»//cdn.sm. plus/jquery/colorbox/1.5.14/jquery.colorbox.min.js»></script>
Autosize textarea
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/autosize/3.0.14/jquery.autosize.min.js»></script>
FancyBox
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/fancybox/1.3.4/jquery.fancybox.min.js»></script>
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/fancybox/2.1.4/jquery.fancybox.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/fancybox/2.1.4/jquery.fancybox.min.js»></script>
jQuery UI
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery-ui/1.11.1/themes/smoothness/jquery-ui.min.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery-ui/1.11.
<script type=»text/javascript» src=»//cdn.sm.plus/jquery-ui/timepicker/0.9.5/jquery-ui-timepicker.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery-ui/timepicker/1.5.0/jquery-ui-timepicker.js»></script>
jQuery MMenu
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/mmenu/5.2.0/css/jquery.mmenu.all.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/mmenu/5.2.0/js/jquery.mmenu.min.all.js»></script>
Social likes
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/social-likes/3.0.15/social-likes_classic.css» />
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/social-likes/3.0.15/social-likes_flat.css» />
<script type=»text/javascript» src=»//cdn. sm.plus/jquery/social-likes/3.0.15/social-likes.min.js»></script>
Carousel
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/jcarousellite/1.1/jquery.jcarousellite.min.js»></script>
OWL Carousel
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/owl-carousel/1.3.3/owl.carousel.css» />
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/owl-carousel/1.3.3/owl.theme.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/owl-carousel/1.3.3/owl.carousel.min.js»></script>
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/owl-carousel/2.0.0/assets/owl.carousel.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/owl-carousel/2.0.0/owl.carousel.min.js»></script>
SyntaxHighlighter
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/syntaxhighlighter/3.0.83/styles/shCoreDefault. css» />
<script type=»text/javascript» src=»//cdn.sm.plus/syntaxhighlighter/3.0.83/scripts/shCore.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/syntaxhighlighter/3.0.83/scripts/shBrushJScript.js»></script>
Masonry
<script type=»text/javascript» src=»//cdn.sm.plus/masonry/3.3.2/masonry.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/masonry/3.3.2/masonry.js»></script>
X-Editable
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js»></script>
Intro.js
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/intro.js/1.1.1/introjs.min.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/intro.js/1.1.1/intro. min.js»></script>
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/intro.js/2.0/introjs.min.css» />
JSON
<script type=»text/javascript» src=»//cdn.sm.plus/json/2011-10-19/json2.min.js»></script>
Spectrum
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/jquery/spectrum/1.8.0/spectrum.min.css» />
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/spectrum/1.8.0/spectrum.min.js»></script>
Clipboard.js
<script type=»text/javascript» src=»//cdn.sm.plus/clipboard.js/1.5.8/clipboard.min.js»></script>
jQuery plugins
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/maskedinput/1.3.1/jquery.maskedinput.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/easing/1.3/jquery.easing.min.js»></script>
<script type=»text/javascript» src=»//cdn. sm.plus/jquery/mousewheel/3.0.6/jquery.mousewheel.min.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/event.move/1.3.6/jquery.event.move.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/md5/jquery.md5.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/cookie/1.4.0/jquery.cookie.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/jquery/noty/2.3.8/packaged/jquery.noty.packaged.min.js»></script>
САЙТ-МЕНЕДЖЕР
Tools
<script type=»text/javascript» src=»//cdn.sm.plus/sm/php.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/sm/tools.js»></script>
Комментарии
<script type=»text/javascript» src=»//cdn.sm.plus/sm/comment/comment.js»></script>
Динамически подгружает свой CSS и JQuery, если его еще не было.
Фото
<script type=»text/javascript» src=»//cdn. sm.plus/sm/photo/photo.js»></script>
Динамически подгружает свой CSS и JQuery, если его еще не было.
Платформа 1/2
<script type=»text/javascript» src=»//cdn.sm.plus/sm/v2/common.js»></script>
<script type=»text/javascript» src=»//cdn.sm.plus/sm/v2/migrate.js»></script>
Лого
<img src=»//cdn.sm.plus/logo/sm/logo.png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/vertical.png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/znak.png» alt=»Site-Manager cloud CMS» />
Значок
<img src=»//cdn.sm.plus/logo/sm/label_12.png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/label_14.png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/label_16.png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/label_18.png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/label_20. png» alt=»Site-Manager cloud CMS» />
<img src=»//cdn.sm.plus/logo/sm/label_24.png» alt=»Site-Manager cloud CMS» />
Разное
<link rel=»stylesheet» type=»text/css» href=»//cdn.sm.plus/sm/colorbox/colorbox.css» />
jQuery Начало работы
❮ Назад Далее ❯
Добавление jQuery на ваши веб-страницы
Существует несколько способов начать использовать jQuery на своем веб-сайте. Вы можете:
- Загрузите библиотеку jQuery с jQuery.com
- Включить jQuery из CDN, например Google
Скачивание jQuery
Для скачивания доступны две версии jQuery:
- Рабочая версия — предназначена для вашего работающего веб-сайта, поскольку она была уменьшена и сжата
- Версия для разработчиков — предназначена для тестирования и разработки (несжатый и читаемый код)
Обе версии можно загрузить с сайта jQuery.com.
Библиотека jQuery представляет собой один файл JavaScript, и вы ссылаетесь на него с помощью тега HTML
.
должен находиться внутри раздела
): Совет: Поместите загруженный файл в тот же каталог, что и страницы, на которых вы хотите его использовать.
jQuery CDN
Если вы не хотите загружать и размещать jQuery самостоятельно, вы можете подключить его из CDN (сети доставки контента).
Google является примером того, кто размещает jQuery:
Google CDN:
Многие пользователи уже скачали jQuery с Google при посещении другой сайт. В результате он будет загружаться из кеша при посещении вашего сайта, что приводит к ускорению загрузки. Кроме того, большинство CDN позаботятся о том, чтобы после того, как пользователь запросит у них файл, он был обслужен. с ближайшего к ним сервера, что также приводит к ускорению загрузки.
❮ Предыдущий Далее ❯
НОВИНКА
Мы только что запустили
Видео W3Schools
Узнать
ВЫБОР ЦВЕТА
КОД ИГРЫ
Играть в игру
Top Tutorials
Учебное пособие по HTMLУчебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебное пособие по W3.CSS
Учебное пособие по Bootstrap
Учебное пособие по PHP
Учебное пособие по Java
Учебное пособие по C++
Учебное пособие по jQuery
Лучшие ссылки
HTML ReferenceCSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3. CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
7 Top7 Examples
Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры How To
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
FORUM | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.
Авторское право 1999-2022 по данным Refsnes. Все права защищены.
W3Schools работает на основе W3.CSS.
jQuery Mobile — все версии
<скрипт
источник = "{{ссылка}}"
целостность="{{хэш}}"
crossorigin="анонимный">скрипт>
Атрибуты целостности
и crossorigin
используются для
Проверка целостности субресурсов (SRI). Это позволяет браузерам гарантировать, что ресурсы, размещенные на сторонних серверах,
не был подделан. Использование SRI рекомендуется в качестве передовой практики всякий раз, когда
библиотеки загружаются из стороннего источника. Подробнее читайте на сайте srihash.org
Powered by
jQuery Mobile — Git Builds
НЕСТАБИЛЬНЫЙ, НЕ ДЛЯ ПРОИЗВОДСТВА
- jQuery Mobile git сборка - несжатый, уменьшенный, тема (уменьшенный)
jQuery Mobile — все версии
- jQuery для мобильных устройств 1.5.0-rc1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.5.0-альфа.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.4.5 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.4.4 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.4.3 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1. 4.2 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.4.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.4.0 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.4.0-rc.1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.4.0-бета.1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.4.0-альфа.2 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.4.0-альфа.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.3.2 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.3.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.3.0 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.3.0-rc.1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1. 3.0-бета.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.2.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.2.0 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.2.0-rc.2 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.2.0-rc.1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.2.0-бета.1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.2.0-альфа.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.1.2 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.1.1 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.1.1-rc.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.1.0 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1. 1.0-rc.2 — несжатый, уменьшенный, тема (только структура)
- jQuery Mobile 1.1.0-rc.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.0.1 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.0.0 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.0.0-rc3 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.0.0-rc2 — несжатый, уменьшенный, тема (только структура)
- jQuery для мобильных устройств 1.0.0-rc1 — несжатый, уменьшенный, тема
- jQuery для мобильных устройств 1.0.0-b3 — несжатый, уменьшенный, тема
- jQuery для мобильных устройств 1.0.0-b2 — несжатый, уменьшенный, тема
- jQuery для мобильных устройств 1.0.0-b1 — несжатый, уменьшенный, тема
- jQuery для мобильных устройств 1.0.0-a4.1 — несжатый, уменьшенный, тема
- jQuery для мобильных устройств 1.