jQuery创建对象[重复]

Posted 2023-02-23

【中文标题】jQuery创建对象[重复]

【英文标题】：jQuery creating objects [duplicate]

【发布时间】：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

【参考方案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（大写字母）