¿Cómo se usa jQuery (elementArray)?

Question

puse estas arriba al principio de la secuencia de comandos:

var grid = $('#grid'); 
var lines = $('#lines'); 
var background = $('#background'); 

En otras partes de la secuencia de comandos, tengo que cambiar la CSS para los 3 elementos al mismo tiempo. En lugar de hacer esto:

grid.css({... 
lines.css({... 
background.css({... 

quiero hacer algo como uno de ellos:

$(grid, lines, background).css({... 
$([grid, lines, background]).css({... 

Sin embargo, lo único que parece funcionar es haciendo referencia a los ID directamente como aquí:

$('#grid, #lines, #background').css({ 

Preferiría utilizar referencias a los elementos en lugar de los ID directamente, ya que pueden cambiar dinámicamente. es posible?

Answer 1

Uso .add():

grid.add(lines).add(background).css({...}); 

Demostración: http://jsfiddle.net/mattball/xj5bb/

Answer 2

guardar los tres selectores en caché en una matriz,

var elements = [grid, lines, background]; 

a continuación, recorrer ellos cuando es necesario:

elements.each(function(element){ 
    element.css({...}) 
}) 

También recomendaría el prefijo de los selectores en caché con un $ para dejar en claro cuáles son. :)

Answer 3

Intenté utilizar la declaración a continuación y obtener éxito.

$.each([$('grid'), $('line'), $('background')], function(index) { 
    $(this).*jqueryAPIs(...)*; 
}); 

Calculo que "los elementos DOM envuelven en un objeto jQuery" significa objetos de elementos que obtenemos mediante el uso de $().

Espero que ayude esta respuesta.

Answer 4

Funciona con elementos, no con objetos jQuery. Puede utilizar .add() método como se ha dicho, o $([grid[0], lines[0], background[0]])

ver este jsFiddle: http://jsfiddle.net/HqurT/1/

(fuente: http://forum.jquery.com/topic/jquery-elementarray-with-filled-elementarray)

tengo una criada jsperf: http://jsperf.com/add-vs-elementarray