# 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 ``` Backbone Example
``` ![](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')}); }); ```