如何以面向对象，结构良好的方式结合JQuery和RequireJS？

Question

我正在开发一个可视的HTML编辑工具。 我在Yeoman Webapp模板的顶部编写前端，并使用JQuery进行DOM操作和RequireJS来构建我的代码。

示例代码（ /app/scripts/views/drawing/draw-element.js的内容，以便您可以了解我的目录结构）：

define(['jquery', 'jquery-ui', 'domReady'], function ($, $UI) {
    'use strict';

    function DrawElement (elementId) {
        this.jqElement = $("#" + elementId);
        console.log('DrawElement: ', this, this.jqElement); // This is printed when instance is created and looks fine
        this.jqElement.addClass("draw_element"); // Has no effect. Why is this not working?

        this.jqElement.click(function (eventObject) {
            this.jqElement.addClass("selected");
        })

        return this;
    }

    return DrawElement;

});

我以后像这样使用DrawElement：

var drawElement = new DrawElement("box1");

问题：在基于RequireJS的应用程序中使用JQuery的推荐方法是什么？ 您可以在上面看到我如何使用JQuery语句。