Backbone this.el vs this。$ el

Question

对于给定的例子， this.el和this.$el之间有什么区别this.$el

我明白this.$el指向this.el的jQuery对象，在这种情况下是'li' 。

当我渲染一个视图时，我可以选择this.el或者this.$el 。 当我引用jQuery对象时，如何向页面呈现内容？ 我可以看到如何使用this.$el.html(property) ，指向html，但为什么追加this.$el并让它渲染让我感到困惑。

var Person = Backbone.Model.extend({
    defaults: {
        name: 'John Doe',
        age: 30,
        occupation: 'worker'
    }
});

var PersonView = Backbone.View.extend({
    tagName: 'li',

    initialize: function() {
        this.render();
    },

    render: function() {
        var out = this.$el.html(this.model.get('name') + this.model.get('occupation'));
        console.log(this, this.el, this.$el, out);
        $('body').append(this.$el);
    },

});

var person = new Person;
var personview = new PersonView({model: person});

Answer 1

Bojangles是正确的。

this.$el .addClass() this.$el是对jQuery上下文中元素的引用，通常用于.html()或.addClass()类的东西等。例如，如果你有一个id为someDiv的div，你设置它对于Backbone视图的el属性，以下语句是相同的：

this.$el.html() $("#someDiv").html() $(this.el).html()

this.el是本机DOM元素，不受jQuery的影响。