Question

I have a quick, beginners-type-question. If I were to use jQuery and some other framework, would the following statement be problematic:

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

That is, the use of ‘$’ within the .ready() function. Should ‘$’ be replaced with ‘jQuery’ in order to avoid conflicts?

Answer 1

When using multiple libraries that make use of $, the common practice is to use noConflict mode and reassign the $ for jQuery to something else.

var $jq = jQuery.noConflict();

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

In plugin development, a common way to handle this is to pass `$’ in as a parameter to a function defining your plugin definition and applying the function to the jQuery object.

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