Что такое jQuery? Как его скачать и подключить к сайту?
В этой статье вы узнаете: что такое JavaScript библиотека jQuery, как скачать последнюю версию и подключить её к сайту, как установить скрипт с Google CDN и других хранилищ на страницу, а также чем отличается обычная версия от slim и сжатая от не сжатой.
Что такое jQuery и её поддержка браузерами
jQuery — это быстрая, лёгкая и многофункциональная JavaScript библиотека, основанная на принципе «пиши меньше, делай больше».
Её создал Джон Резиг в начале 2006 года. В настоящее время jQuery разрабатывается и поддерживается распределенной группой разработчиков как проект с открытым исходным кодом.
Сейчас последней версией jQuery является 3.5.1. Она поддерживается во всех основных браузерах: Chrome, Firefox, Safari, Edge, Opera и Internet Explorer 9+.
Преимущества и недостатки jQuery
Преимущества, которые даёт нам библиотеки jQuery при её использовании для написания клиентских сценариев:
Кроме преимуществ, приведённых выше, у библиотеки jQuery имеются конечно и недостатки.
К недостаткам jQuery можно отнести то, что она может немного увеличивать скорость загрузки веб-страницы (её сжатый размер составляет около 30КБ), а также немного снижать производительность выполнения кода, чем если он был бы написан на чистом JavaScript.
Статистика использования jQuery
Если перейти к статистике, то многие крупные компании, используют jQuery в своих приложениях и сайтах. При этом растущий тренд продолжается, несмотря на очень горячие дискуссии в ИТ сообществах на тему: «Стоит ли использовать jQuery или нет в 2021 году?»
Что можно делать с jQuery
jQuery позволяет очень легко:
Этот список можно продолжить дальше, т.к. jQuery содержит большое количество функций, которые значительно упрощают написание кода для решения различных задач, стоящих перед веб-разработчиками.
Как скачать jQuery
Скачать бесплатно библиотеку jQuery можно с официального сайта.
Кроме этого, каждая из них доступна нам как в сжатом (с суффиксом min ) так и в несжатом виде.
Несжатый вариант библиотеки рекомендуется использовать только во время разработки проекта или его отладки. Кроме этого, его ещё используют для изучения исходного кода jQuery. В нём можно посмотреть устройство как всей библиотеки, так и определённой функции.
На продакшене лучше применять сжатый вариант jQuery (с расширением min.js ). Он меньше весит, и, следовательно, быстрее загружается. А это очень важно для производительности сайта.
Уменьшение объема JavaScript кода библиотеки jQuery осуществляется за счёт минимизации. Минимизация – это процесс, который заключается в удалении из исходного кода всего лишнего (комментариев, незначащих пробелов, переносов строк, символов табуляции) и замене имен функций и переменных на более короткие.
jQuery 1.x следует использовать если нужна поддержка IE 6 – 8.
jQuery 2.x построено на том же API, что 1.x. Но имеет меньший размер и более высокую производительность. Это было достигнуто благодаря тому, что из неё был удалён устаревший код, необходимый для поддержки IE 6 – 8. Таким образом 2.x можно использовать только в том случае, если вам не нужна поддержка этих старых браузеров.
После того как вы определись какой вариант библиотеки вам нужен, его необходимо загрузить.
Для скачивания jQuery с официального сайта нажмите правой кнопкой мыши на нужную ссылку и выберите пункт «Сохранить ссылку как. ».
Как подключить скрипт jQuery в html
Подключение jQuery к странице осуществляется также как и любого другого JavaScript файла. Т.е. посредством добавления в HTML тега
Проверяем подключение библиотеки jquery
Рассмотрим как проверить наличие подключённой библиотеки «jquery», а также узнаем какая версия компонента используется на выбранном сайте. Информация окажется полезной для уточнения рабочих параметров скрипта, и последующей отладки его на своём сайте.
Некоторые javascript (js) требуют для запуска лишь определённую версию библиотеки? Это относится и к плагинам в системе WordPress. Поэтому в данном случае, новое не значит лучше…
Создаём новую закладку в браузере
Для оперативной проверки версии действующей “jquery” нам потребуется создать новую закладку в вашем веб-браузере. В поле — адрес сайта копируем и вставляем следующий код:
Отлично, переименовываем её для более удобной навигации, и сохраняем. Теперь открываем любую страницу на сайте, и щёлкаем по новоиспечённому букмарку ( от англ. «bookmark» — закладка ).
Появившееся уведомление свидетельствует о подключенной библиотеки «jquery» версии «1.8.3». Если же компонент отсутствует, закладка сообщит следующее:
Вместо послесловия
Вышеописанный метод проверен в интерфейсе программ «Mozilla Firefox» и «Google Chrome».
А у Вас подключена библиотека «jquery»?
Как я могу узнать, какую версию jQuery я использую?
Моя страница загружается jQuery. Есть ли какой-нибудь способ узнать, какая это версия jQuery?
4 ответа
Я новичок в выполнении Hive запросов. У меня есть требование объединить все строки из группы по запросу в одно поле, разделенное запятыми. Был ответ на stackoverflow, показывающий, что существует ограничение для этого, основанное на версии Hadoop, которую я использую. Итак, у меня есть два.
Можете ли вы сказать мне, как узнать, какую версию Richfaces я использую? Мне нужно знать, если у меня уже установлен jQuery, так что, возможно, способ проверить это тоже поможет в качестве ответа. Я использую версию: 2.1.0.GA из JBOSS Developer Studio.. Если это поможет.
Который вернет строку, содержащую номер версии, например 1.6.2.
Просто откройте консоль Chrome или Firebug и введите на своей странице
Вы можете узнать версию с помощью:
Похожие вопросы:
Я только что создал новый проект Swift в рамках Xcode. Мне интересно, какую версию Swift он использует. Как я могу увидеть в Xcode или terminal, какую версию Swift я использую внутри своего проекта?
Как мне узнать, какую версию Java я использую Perl программирования и с помощью этого выполнить какой-то файл jar на основе этого?
Я новичок в выполнении Hive запросов. У меня есть требование объединить все строки из группы по запросу в одно поле, разделенное запятыми. Был ответ на stackoverflow, показывающий, что существует.
Можете ли вы сказать мне, как узнать, какую версию Richfaces я использую? Мне нужно знать, если у меня уже установлен jQuery, так что, возможно, способ проверить это тоже поможет в качестве ответа.
Я разрабатываю приложение, используя Lua Glider 2 + Corona SDK последней версии. Как я могу узнать, какую версию Lua он использует? Спасибо.
Простой вопрос! Как я могу узнать, какую версию Saxon я использую? У меня есть файл sazon9he.jar, но я не могу определить точную версию (то есть это 9.7 или 9.6. ) Спасибо!
Мне нужно продублировать проект jhipster. С тех пор как я создал этот проект, я обновил версии jhipster. Я хочу дублировать проект с той же версией jhipster первого проекта. Как узнать, какую версию.
Название говорит само за себя. Как мы все знаем, по крайней мере 4 или 5 банок log4j оказываются в classpath. Как я могу сказать, какую версию я использую?
Как проверить, какая версия jQuery загружена?
Как проверить, какая версия jQuery загружена на клиентский компьютер? У клиента может быть загружено jQuery, но я не знаю, как это проверить. Если у них он загружен, как мне проверить версию и префикс, например:
11 ответов
Как я могу проверить, какая версия интерпретатора Python интерпретирует мой сценарий?
Как программно проверить, какая версия WMI (Windows Management Instrumentation) установлена с помощью delphi или C#?
Вы можете просто проверить, существует ли объект jQuery :
jQuery().jquery имеет номер версии.
Довольно старый вопрос, и я видел несколько человек, которые уже упоминали мой ответ в комментариях. Тем не менее, я нахожу, что иногда отличные ответы, оставленные в качестве комментариев, могут остаться незамеченными; особенно когда к ответу есть много комментариев, вы можете обнаружить, что копаетесь в кучах из них в поисках gem. Надеюсь, это кому-то поможет!
Я обнаружил, что это самый короткий и простой способ проверить, загружен ли jQuery:
Этот метод используется http://html5boilerplate.com и другими.
Мои предпочтения таковы:
jQuery 1.8.0 загружено
На самом деле вы должны обернуть это в блок try/catch для IE:
В одной строке и минимум нажатий клавиш (ой!):
Перейдите в Инструмент разработчика > консоль и введите одну из следующих команд jQuery.fn.jquery console.log(jQuery().jquery);
Похожие вопросы:
Как я могу проверить, какая версия интерпретатора Python интерпретирует мой сценарий?
Как программно проверить, какая версия WMI (Windows Management Instrumentation) установлена с помощью delphi или C#?
Я нахожусь в процессе выяснения того, как использовать мой университетский кластер. Он имеет 2 версии R установленных. Общесистемные R 2.11 (Debian 6.0) и R 2.14.2 в нестандартном расположении. Я.
Я работаю с ckeditor и ckfinder. кто-нибудь знает, как проверить, какая версия ckfinder у меня есть? есть ли для этого код javascript из php? в CKEditor я могу добавить кнопку ‘about’ на панели.
На клиенте шеф-повара уже установлен java. Как я могу проверить, какая версия java установлена с помощью chef. Я знаю, что могу написать небольшой плагин ohai, чтобы сделать то же самое, но есть ли.
Как узнать, какую версию Javascript я использую?
Я просто читаю эту документацию о Javascript 1.2, но мне интересно, какая версия Javascript используется в самых популярных браузерах.
6 ответов
нажмите на эту ссылку, чтобы узнать, какую версию использует Ваш браузер:http://jsfiddle.net/Ac6CT/
вы должны иметь возможность фильтровать, используя теги скриптов для каждой версии JS.
«мои отчеты» хром 1.7
в chrome вы можете легко найти не только свою версию JS, но и флеш-версию. Все, что вам нужно, это ввести chrome://version/ в командной строке, и вы получите что-то вроде этого:
вместо того, чтобы найти, какую версию вы используете, вы можете перефразировать свой вопрос на «какая версия сценария ECMA соответствует движку JavaScript/JSscript моего браузера».
см. ответ Сквиджи для версий, отличных от IE 🙂
все сегодняшние браузеры используют по крайней мере версию 1.5 :
http://en.wikipedia.org/wiki/ECMAScript#Dialect
Что касается вашего учебного сайта, информация там, кажется,крайне устаревший, прошу ты подошла к МДК и читать их руководство:
https://developer.mozilla.org/en/JavaScript/Guide
вы все еще можете следить за функциями, которые требуют версии 1.6 или выше, поскольку это может дать Internet Explorer некоторые проблемы.
JavaScript 1.2 был представлен с Netscape Navigator 4 в 1997 году. Этот номер версии имел значение только для браузеров Netscape. Например, реализация Microsoft (используемая в Internet Explorer) называется JScript и имеет свою собственную нумерацию версий, которая не имеет никакого отношения к нумерации Netscape.
