Question

I am working with jqDock on a DotNetNuke project. I ran jQuery.noConflict() and went through the jqDock.js file and changed all ‘$’ to ‘jQuery’ (though I don’t think it was necessary).
In this little bit of code I have an issue:

altImage : function(){
      var alt = jQuery(this).attr('alt');
      return (alt && alt.match(/\.(gif|jpg|jpeg|png)$/i)) ? alt : false;

    } //end function altImage()

At the end of the regular expression there is a chunk that says $/i, My find/replace set this to jQuery. It broke the program. Is this because that ‘$’ symbol isn’t associated with jQuery there? Is it part of the Regular Expression? If so…what exactly is it saying?

Answer 1

The usual style to writing jQuery plugins would mean that one would not need to replace $ throughout the plugin. Most plugins are written such that the plugin code is surrounde by a self-invoking anonymous function that passes in jQuery for a parameter $ such that $ refers to the jQuery object inside of that function. Like so

(function($) {

    // I can happily use $ here to refer to the jQuery object
    $.fn.myFunction ....

})(jQuery);

So be careful when doing a naive find/replace.

As others have already mentioned, in the context of a regular expression, $ is used to match the end of the string.

Finally, when using $.noConflict(), you can assign the jQuery object to a different alias and use that alias throughout the subsequent code. For example

var $j = $.noConflict();

// can use $j alias for jquery now
$j(document).ready(function($) { 
    // can use $j or $ for jQuery object inside this function as the 
    // jQuery object is passed in 
});