¿Cuál es la forma preferida de crear un objeto jQuery con atributos?

Question

Al crear objetos jQuery he utilizado la siguiente sintaxis últimamente, como se describe here:

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

Safari 5.0.5 da un error de sintaxis en el punto en que utilizo la construcción anterior.

Eliminar el segundo argumento y agregar clases con addClass elimina el error, pero parece bastante poco elegante.

¿Cómo se crean los objetos? Intenté con attr ({clase: 'clase-1'}) también, pero recibí el mismo error de sintaxis.

Answer 1

No puede usar class; es una palabra reservada

Uso className lugar:

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

Answer 2

Desde class es una palabra reservada, es necesario poner entre comillas.

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

Answer 3

Recibirá un error como class es una palabra clave reservada. Se puede utilizar una cadena como identificador cuando un nombre de propiedad es una palabra clave reservada:

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

Answer 4

Haga el atributo de nombre de una cadena:

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

JSFiddle Example