什么是使用属性创建jQuery对象的首选方式？

Question

当创建的jQuery对象我使用以下语法最近，如所描述here：

var $el = $('<div/>', { 
    class: 'class-1 class-2' 
}); 

Safari浏览器5.0.5在哪里使用上述结构的点给出语法错误。

删除第二个参数并使用addClass添加类会消除错误，但看起来相当不雅观。

你如何创建你的对象？我试着用attr（{class：'class-1'}），但是收到了相同的语法错误。

Answer 1

您不能使用class;这是一个保留字。

使用className代替：

var $el = $('<div/>', { 
    className: 'class-1 class-2' 
}); 

Answer 2

由于class是一个保留字，你必须把它放在引号。

var $el = $('<div/>', { 
    "class": 'class-1 class-2' 
}); 

Answer 3

由于class是保留关键字，因此出现错误。你可以使用一个字符串作为标识符时，属性名是保留关键字：

var $el = $('<div/>', { 
    'class': 'class-1 class-2' 
}); 

Answer 4

使属性名称的字符串：

var $el = $('<div/>', { 
    'class': 'class-1 class-2' 
}); 

JSFiddle Example