Backbone, Object Literals, View Events, jQuery and `el`

1.html

<div id="someElement">
  <button id="someButton">Click Me</button>
</div>

1.js

MyView = Backbone.View.extend({
  el: $("#someElement"),

  events: {
    "click #someButton": "clicked"
  },

  clicked: function(e){
    e.preventDefault();
    alert("I was clicked!");
  }
});

2.js

var myViewDefinition = {
  el: $("#someElement"),

  events: {
    "click #someButton": "clicked"
  },

  clicked: function(e){
    e.preventDefault();
    alert("I was clicked!");
  }
};

MyView = Backbone.View.extend(myViewDefinition);

3.js

myObj = {
  foo: "some value",
  bar: 1 + 1
};

4.js

function add(a, b){
  return a + b;
}

myObj = {
  bar: add(1, 1)
}

5.js

$(document).ready(function(){
  // your code here
});

6.js

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

7.js

$(function(){

  MyView = Backbone.View.extend({
    el: $("#someElement"),

    events: {
      "click #someButton": "clicked"
    },

    clicked: function(e){
      e.preventDefault();
      alert("I was clicked!");
    }
  });

});

8.js

MyView = Backbone.View.extend({
  events: {
    "click #someButton": "clicked"
  },

  initialize: function(){
    this.el = $("#someElement");
  },

  clicked: function(e){
    e.preventDefault();
    alert("I was clicked!");
  }
});

$(function(){
  var myView = new MyView();
});

9.js

MyView = Backbone.View.extend({
  events: {
    "click #someButton": "clicked"
  },

  clicked: function(e){
    e.preventDefault();
    alert("I was clicked!");
  }
});

$(function(){
  var myView = new MyView({
    el: $("#someElement");
  });
});