jQuery и другие библиотеки, а также использование '$'

Question

У меня есть быстрый, начинающий вопрос. Если бы я должен был использовать JQuery и некоторые другие рамки, будет следующее утверждение проблематично:

jQuery(document).ready(function() { 
    $("input[name='password']").focus(function() { 
     $("input[value='login']").attr("checked", "checked"); 
    }); 
}); 

То есть, использование «$» внутри функции .ready(). Должен ли «$» заменяться на «jQuery», чтобы избежать конфликтов?

Answer 1

.

При использовании нескольких библиотек, которые используют $, обычной практикой является использование режима noConflict и переназначить $ для Jquery к чему-то еще.

var $jq = jQuery.noConflict(); 

$jq(function() { 
    $jq("input[name='password']").focus(function() { 
     $jq("input[value='login']").attr("checked","checked"); 
    }); 
}); 

В разработке плагинов, общий способ справиться с этим - передать `$ 'в качестве параметра функции, определяющей ваше определение плагина, и применить функцию к объекту jQuery.

;(function($) { 
    ... 
})(jQuery); 

Answer 2

Да, если вы используете другую библиотеку, которая использует $, вы можете использовать полную форму jQuery или настроить jQuery в no-conflict mode. Например:

<script> 
    jQuery.noConflict(); 

    // Use jQuery via jQuery(...) 
    jQuery(document).ready(function(){ 
     jQuery("div").hide(); 
    }); 

    // Use Prototype with $(...), etc. 
    $('someid').hide(); 
    </script> 

Другой способ извлечь выгоду из короткого имени в то время как предотвращение конфликтов с другими библиотеками будет делать Somthing так:

<script> 
    var $j = jQuery.noConflict(); 

    // Use jQuery via $j(...) 
    $j(document).ready(function(){ 
     $j("div").hide(); 
    }); 

    // Use Prototype with $(...), etc. 
    $('someid').hide(); 
</script> 

Я предложил бы читать это:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Answer 3

То, что вы показали правильно, за исключением того, что вы захотите заменить все экземпляров '$'. Затем вы переопределяете функцию $.

jQuery(document).ready(function() { 
    jQuery("input[name='password']").focus(function() { 
     jQuery("input[value='login']").attr("checked", "checked"); 
    }); 
}); 

Answer 4

Обязательно сделайте свой код максимально ясным, особенно в этом случае. Если сайт изменится позже, вы можете вызвать неправильную библиотеку.

Answer 5

Вы можете обернуть вам JQuery часть кода в функцию, как это:

function($) { 
    // jQuery code here 
}(jQuery); 

// use $ here to access other JS library 

и вы будете в состоянии использовать $ внутри функции (это прямоприменяемых функцию, которая сопоставляет $ в JQuery

Answer 6

jQuery(document).ready(function ($) { 
    $("input[name='password']").focus(function() { 
     $("input[value='login']").attr("checked", "checked"); 
    }); 
}); 

Обратный вызов для готовности() получает Jquery в качестве аргумента: вы можете назвать этот аргумент $. Это переопределит другое определение $ в области обратного вызова.