view.render().el 中的 "el" 是什么意思？

Question

我正在尝试学习backbone。 我理解el是被操作的元素。 如果未指定，则为空div。 我在视图中创建模板并返回视图对象。 然后我呈现视图，但我不明白为什么要在render函数之后链接el。 请问有人能解释一下这行代码吗？

var view = new PersonView();
this.$('#family_list').children().append(view.render().el);

什么是el？谢谢。

- jhamm

Answer 1

jQuery的.append()方法期望一个HTML字符串或DOM元素被附加到它调用的节点上。

视图的.el属性是它绑定的DOM元素。在调用view.render()之后，它的.el DOM元素属性被传递到jQuery的.append()方法中，因此jQuery .append()获取了更新的（新渲染的）DOM节点。

这是可能的，因为.render()调用必须返回this如文档所示。因此，它的返回值是视图对象本身¹，从而可以立即引用.el。

---

¹ 维基百科: 流畅接口

- Michael Berkowski