Javascript 如何以面向对象、结构良好的方式组合JQuery和RequireJS?

Javascript 如何以面向对象、结构良好的方式组合JQuery和RequireJS?,javascript,jquery,architecture,requirejs,Javascript,Jquery,Architecture,Requirejs,我正在开发一个可视化的HTML编辑工具。我正在Yeoman webapp模板上编写前端,并使用JQuery进行DOM操作和RequireJS来构造代码 /app/scripts/views/draw/draw-element.js的示例代码内容,您可以了解我的目录结构: define(['jquery', 'jquery-ui', 'domReady'], function ($, $UI) { 'use strict'; function DrawElement (eleme

我正在开发一个可视化的HTML编辑工具。我正在Yeoman webapp模板上编写前端,并使用JQuery进行DOM操作和RequireJS来构造代码

/app/scripts/views/draw/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;

});
我后来使用的抽屉元素如下所示:

var drawElement = new DrawElement("box1");

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

对于JQuery来说,要按id查找元素,它必须是$id。那么,elementId参数是否包括?您找到了,谢谢!