jQuery创建对象

时间:2012-07-06 02:02:33

标签: jquery oop

我如何在jQuery中创建一个对象,然后继续创建这个对象的几个不同的实例I.e

创建一个名为box的对象,该对象包含一个名为color的变量。

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

4 个答案:

答案 0 :(得分:38)

使用JavascriptJQuery中制作对象的另一种方法,从 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);
});

希望它有所帮助!

答案 1 :(得分:10)

可能你想要这个(在javascript中使用oop)

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

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

DEMO.

For more information.

答案 2 :(得分:7)

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

var box = {

config:{
 color: 'red'
},

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

};

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

答案 3 :(得分:1)

你可以随时使它成为一种功能

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

writeObject('blue')enter image description here