# Backbone.js Tutorial - 7 - (Views) Differerence between el and $el (ok)

![](https://2726517656-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1E4Gk2ppVKb4olmnun%2F-MS1ScIcpyDEM39tyX4P%2F-MS1VsGvkbwJtUrqjAEa%2FScreenshot_4.jpg?alt=media\&token=e88bac3f-9b9a-474d-81fa-9790cd64c934)

C:\Users\Administrator\Desktop\gulp\app.js

```
var theView = Backbone.View.extend({
	defaults: {
		name: 'Website'
	},
	initialize: function() {
		console.log(this.el);
		console.log(this.$el);
	}
});
jQuery(document).ready(function($) {
	var page = new theView({el: $('#div1')});
});
```

C:\Users\Administrator\Desktop\gulp\index.html

```
<!DOCTYPE html>
<html>
<head>
  <title>Backbone Example</title>
  <link rel="stylesheet" href="lib\css\todos.css" />
  <script src="lib/js/jquery-1.9.1.js"></script>
  <script src="lib/js/underscore.js"></script>
  <script src="lib/js/backbone.js"></script>
  <script src="app.js"></script>
</head>
<body>
  <div id="div1"></div>
  <div id="div2"></div>
  <div id="div3"></div>
</body>
</html>
```

![](https://2726517656-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M1E4Gk2ppVKb4olmnun%2F-MS1VtkL-1qDdwEW2yVl%2F-MS1WQ7EAV8RjMxJBI-S%2FScreenshot_5.jpg?alt=media\&token=c25ff538-3768-43f9-9c9e-9d80280f1dc8)

C:\Users\Administrator\Desktop\gulp\app.js

```
var theView = Backbone.View.extend({
	defaults: {
		name: 'Website'
	},
	initialize: function() {
		console.log(this.el);
		console.log(this.$el);
		this.$el.append('Lorem ipsum dolor sit amet.');
	}
});
jQuery(document).ready(function($) {
	var page = new theView({el: $('#div1')});
});
```

