How to use $ for jQuery inside domready when prototype uses $ outside?

Question

I cannot remove the prototype from the JSF framework (RichFaces 3.3.3). And if I try noConflict and try to take on $, it will break my application infrastructure because it is closely related to the prototype.

So there is a way I can do this:

jQuery(function() {
    /*
        some code that within this domready function 
        allows me to use $() within this function
        and not interfere with $ being used for prototype
        outside?
    */
});

Answer 1

Yes, it is already passed as the first parameter to your handler ready, just use:

jQuery(function($) { 
  $("selector").doSomething();
});
//$ is still prototype here

Answer 2

In general, you can write var $ = jQuery;to replace a character $within a single function.

.

Answer 3

by taking this link as a link, you can do something like this:

jQuery(function($) { // like Nick Craver
});

and call the functions that are needed for jQuery:

var yourFunction = function(){
   var $ = this;
};

yourFunction.call(jQuery);

...

var yourFunction = (function($){

   return function() {

       // $ -> jQuery

   };

})(jQuery);

...

var yourFunction = (function(){

   var $ = this;

   return function() {

       // $ -> jQuery

   };

}).call(jQuery);

Answer 4

Standard in my workgroup:

jQuery.noConflict();
(function ($) {
    //Do jQuery stuff using $ here.
})(jQuery);
//Do prototype stuff using $ here