$(function(){...}) vs (function($){...})($)

1.js

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

2.js

$(function(){
  // Backbone code in here
});

3.js

// Define "MyApp" as a revealing module

MyApp = (function(Backbone, $){

  var View = Backbone.View.extend({
    // do stuff here  
  });

  return {
    init: function(){
      var view = new View();
      $("#some-div").html(view.render().el);
    }
  };

})(Backbone, jQuery);



// Run "MyApp" in DOMReady

$(function(){
  MyApp.init();
});

nice - didn't know jQuery passed itself in as a reference like that.

I usually do this which might be an overkill.

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