在Backbone.js中，视图(View)是一个关键组件，用于管理与用户交互相关的HTML元素。其中，每个视图都有一个el属性，这代表着该视图所对应的根元素，也就是它管理的HTML节点。在视图创建时，可以通过指定el属性来告诉Backbone.js应该使用哪个元素作为根节点。
同时，每个视图还有一个$el属性，它是一个jQuery对象，代表着el属性对应的DOM元素的jQuery包装器。在Backbone.js中，$el通常比较常用，主要是因为它提供了更多的便捷方法，如jQuery的选择器、事件绑定等。
那么，$el和el到底有什么区别呢？其实，它们之间最本质的区别在于类型：el是一个普通的DOM元素，而$el是一个jQuery对象。除此之外，它们的用途和功能基本相同。
下面我们通过一个具体的例子来说明它们的用法和区别：
--- ------ - ----------------------
--- --------------
----------- ---------- -
--------------------- -------
------------------- - ------- --------
-
---在上述代码中，我们定义了一个名为MyView的视图，指定了el属性为#my-element，也就是该视图要管理的HTML节点。在视图初始化时，我们通过this.$el使用jQuery对象来修改根节点的CSS样式，而通过this.el直接修改文本内容。
总结起来，$el和el的主要区别在于类型，前者是一个jQuery对象，后者是普通的DOM元素。在使用时，$el提供了更多的便捷方法，如选择器、事件绑定等，可以帮助我们更方便地操作DOM元素。但是，如果只需要进行简单的DOM操作，或者不想引入jQuery这样的库，那么直接使用el也是完全没问题的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14029