I am developing a single page HTML based application. I have different classes in my javascript for example one of my class is DataGridWidget. Do you thin thinks it is a bad idea to store $jqObject in my calss object? is it heavy (I might have something like 1000 objects from my classes which means 1000 pointer to jquery selector objects )
DataGridWidget = function (parentWidget, id) {
this.id = id;
this.parentWidget = parentWidget;
this.$jqObject = this.initUI();
}
DataGridWidget.prototype.initUI = function () {
var $jqObject = $("<div class='datagrid_div' />");
$("<table />").attr("id", this._getTableId()).appendTo($jqObject);
$("<div />").attr("id", this._getPagerId()).appendTo($jqObject);
$jqObject.attr("id", this.id);
return $jqObject;
}