jQuery创建对象[重复]答案

【问题标题】：jQuery creating objects [duplicate]jQuery创建对象[重复]
【发布时间】：2012-07-06 11:35:05
【问题描述】：

我将如何在 jQuery 中创建一个对象，然后继续为这个对象创建几个不同的实例，即

创建一个名为 box 的对象，其中包含一个名为 color 的变量。

然后用不同的存储颜色创建这个对象的几个实例。

【问题讨论】：

你到底想达到什么目的？
想探索jQuery面向对象但不知道如何构造类然后初始化对象
使用jquery的.map()函数
这只是 javascript 的工作，jQuery 是一个基于 javascript 的框架，其重点是 DOM 操作，javascript 是一种语言。 jQuery 本身就是一种语言已经成为一种普遍的误解。
也许这会有所帮助？ 3 ways to define a JavaScript class

标签： jquery oop

【解决方案1】：

你总是可以把它变成一个函数

function writeObject(color){
    $('body').append('<div style="color:'+color+';">Hello!</div>')
}

writeObject('blue') ➜

【讨论】：

【解决方案2】：

另一种在Javascript 中使用JQuery 制作对象的方法，从dom 获取数据并将其传递给对象Box，例如，存储它们在 Boxes 数组中，可以是：

var box = {}; // my object
var boxes =  []; // my array

$('div.test').each(function (index, value) {
    color = $('p', this).attr('color');
    box = {
        _color: color // being _color a property of `box`
    }
    boxes.push(box);
});

希望对你有帮助！

【讨论】：

【解决方案3】：

我实际上找到了使用 jQuery 方法的更好方法

var box = {

config:{
 color: 'red'
},

init:function(config){
 $.extend(this.config,config);
}

};

var myBox = box.init({
 color: blue
});

【讨论】：

【解决方案4】：

也许你想要这个（javascript中的oop）

function box(color)
{
    this.color=color;
}

var box1=new box('red');    
var box2=new box('white');

DEMO.

For more information.

【讨论】：

这种结构使用Box（大写字母）