有什么区别:$(this.el).html和这个.$ el.html

Question

有什么区别:

$(this.el).html

和

this.$el.html

阅读一些主干示例,有些以单向和其他方式进行.

Answer 1

$(this.el)使用jQuery(或Zepto)包装元素.所以,如果您的视图HTML是这样的:

<div id="myViewElement"></div>

...并this.el引用了div,然后$(this.el)相当于直接通过jQuery检索它:$('#myViewElement').

this.$el是对jQuery(或Zepto)对象的缓存引用,因此可以从调用中获得一个副本$(this.el).目的是为您节省调用的需要$(this.el),这可能会产生一些开销,从而导致性能问题.

请注意:两者不相同.this.elalone是对宿主对象HTMLElement的引用 - 不涉及任何库.这是回归document.getElementById.$(this.el)创建jQuery/Zepto对象的新实例.this.$el引用前一个对象的单个实例.只要您了解多次调用的成本,使用其中任何一种都不是"错误的" $(this.el).

在代码中:

this.ele = document.getElementById('myViewElement');
this.$ele = $('#myViewElement');

$('#myViewElement') == $(this.ele);

此外,值得一提的是,jQuery和的Zepto有部分内部缓存,所以额外的呼叫$(this.el) 可能最终反正返回缓存的结果,这就是为什么我说"可能有性能问题".它也可能没有.

文档

• view.$el- http://backbonejs.org/#View-$el
• $在骨干 - http://backbonejs.org/#View-dollar
• jQuery基础对象 - http://api.jquery.com/jQuery/
• Zepto基础对象 - http://zeptojs.com/#$()

Answer 2

两者是本质*同等学历,$el是一个缓存版本的jQuery的或的Zepto的对象el,你之所以看到使用的例子$(this.el)是因为它在以后只增加释放 Backbone.js的的(0.9.0).

*_{技术上克里斯贝克指出,$(this.el)每次调用它时(可能)会创建一个新的jQuery/Zepto对象,而this.$el每次都会引用相同的对象.}