Как проверить, какая версия jQuery загружена?

388

Как проверить, какая версия jQuery загружена на клиентской машине? Клиент может загружать jQuery, но я не знаю, как его проверить. Если они загружены, как проверить версию и префикс, например:

$('.class')
JQuery('.class')
  • 2
    Клиент может загрузить JQuery, если вы включили его в качестве файла для загрузки. В чем конкретно проблема?
  • 1
    Не знаю, для чего нужен ОП, но если вы создаете скрипт или плагин, требующий jQuery, вы можете проверить и выдать ошибку, если ее там нет или слишком старая версия.
Показать ещё 1 комментарий
Теги:

11 ответов

748
Лучший ответ
if (typeof jQuery != 'undefined') {  
    // jQuery is loaded => print the version
    alert(jQuery.fn.jquery);
}
  • 19
    Есть 2 способа проверить загруженную в настоящий момент версию jquery: jQuery.fn.jquery и jQuery().jquery (shorthands: $.fn.jquery $().jquery ). Я написал об этом подробно со ссылками на исходный код jquery, если вы хотите копать глубже.
  • 1
    еще более простая версия if (window.jQuery) { // jQuery is loaded => print the version alert(jQuery.fn.jquery); }
Показать ещё 4 комментария
26

Вы можете просто проверить, существует ли объект jQuery:

if( typeof jQuery !== 'undefined' ) ... // jQuery loaded

jQuery().jquery имеет номер версии.

Что касается префикса, то jQuery всегда должен работать. Если вы хотите использовать $, вы можете перенести свой код в функцию и передать ему jQuery в качестве параметра:

(function( $ ) {
    $( '.class' ).doSomething();  // works always
})( jQuery )
  • 2
    if( jQuery ) сгенерирует исключение, если jQuery неизвестен и не будет работать.
  • 0
    @ Darin Ты прав, я отредактирую ответ.
Показать ещё 1 комментарий
16

... только потому, что этот метод не упоминался до сих пор - откройте консоль и введите:

$ === jQuery

Как упоминалось выше, @Juhana $().jquery вернет номер версии.

  • 0
    что-то вроде ($ === jQuery)?$().jquery:'no jquery';
  • 1
    ОП попросил проверить загруженную версию. Это не отвечает на вопрос.
11

Я нашел, что это самый короткий и самый простой способ проверить, загружен ли jQuery:

if (window.jQuery) {
    // jQuery is available.

    // Print the jQuery version, e.g. "1.0.0":
    console.log(window.jQuery.fn.jquery);
}

Этот метод используется http://html5boilerplate.com и другими.

  • 1
    хорошо, но это не говорит, какая версия.
  • 0
    @AndreFigueiredo Я отредактировал ответ, включив в него способ получения номера версии, убедившись, что jQuery загружен.
8
$.fn.jquery
// If there is concern that there may be multiple implementations of '$' then:
jQuery.fn.jquery

Если вы возвращаете номер версии - обычно в виде строки - тогда загружается jQuery, и именно с этой версией вы работаете. Если не загружен, то вы должны вернуться undefined или, возможно, даже ошибка.

Довольно старый вопрос, и я видел несколько человек, которые уже упоминали мой ответ в комментариях. Тем не менее, я считаю, что иногда отличные ответы, оставленные в качестве комментариев, могут остаться незамеченными; особенно когда есть много комментариев к ответу, вы можете копаться в кучах их в поисках драгоценного камня. Надеюсь, это поможет кому-то!

  • 0
    Разве принятый ответ не совпадает?
  • 1
    @ Джанар Нет, это совсем не то же самое. Слишком сложный в отличие, ИМО.
4

Мое предпочтение:

console.debug("jQuery "+ (jQuery ? $().jquery : "NOT") +" loaded")

Результат:

Загружен jQuery 1.8.0

  • 0
    Я получаю: undefined
  • 0
    Это немного лучше, но регистрация не так полезна при работе с приложением. Вам лучше сначала сохранить переменную. let has$ = typeof jQuery === 'function'; console.log('jQuery' + (has$ ? ` version ${jQuery.fn.jquery} loaded.` : ' is not loaded.'));
2

Фактически вы должны обернуть это в блок try/catch для IE:

// Ensure jquery is loaded -- syntaxed for IE compatibility
try
{
    var jqueryIsLoaded=jQuery;
    jQueryIsLoaded=true;
}
catch(err)
{
    var jQueryIsLoaded=false;
}
if(jQueryIsLoaded)
{
    $(function(){
        /** site level jquery code here **/
    });
}
else
{
    // Jquery not loaded
}
  • 0
    IE не обрабатывает typeof jQuery != 'undefined' ? Это правда для каждого IE или только для старых?
  • 0
    Уверен, что это для старых версий. Тем не менее, это более смущает, чем большая старая ошибка JS, препятствующая работе вашей страницы, независимо от того, является ли это ошибкой браузера;)
Показать ещё 1 комментарий
0

В одной строке и минимум нажатий клавиш (упс!):

alert($().jquery);
0

Перейдите в Инструмент разработчика> консоль и jQuery.fn.jquery одну из следующих команд jQuery.fn.jquery console.log(jQuery().jquery);

0

Как описано в блоге Template monster, эти сценарии ниже приведут вам версию jquery на сайте, который вы просматриваете сейчас.

 1. console.log(jQuery.fn.jquery);
 2. console.log(jQuery().jquery);
-3
if (jQuery){
   //jquery loaded
}

.....

  • 1
    Некоторые другие библиотеки используют $ .
  • 2
    Что если они используют Prototype? Или что-нибудь еще, что использует $ ? Это не уникально для jQuery.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню