¿Qué significan los corchetes [] después de un selector de Jquery?

Question

Estoy usando este código para reproducir un archivo mp3 precargado.

var shuffle = $("#shuffle")[0]; 

shuffle.play(); 

Shuffle is my id. Saqué el código de la red, pero NO PUEDO averiguar qué [0] después del selector de jquery. El sonido no se reproduce si lo elimino. ¿Qué hace?

gracias

Answer 1

El enésimo elemento de la matriz devuelta. Lo mismo que en javascript o php regulares y una buena parte de los lenguajes de programación que admiten matrices.

Answer 2

JQuery devuelve una matriz. [0] toma el primer elemento de la matriz.

Answer 3

$("#shuffle") devolverá una matriz de elementos, de acuerdo con su consulta, como [div,span,etc]
$("#shuffle")[n] significa que está seleccionando el enésimo elemento de esta matriz
En este caso, $("#shuffle")[0] selecciona el primer elemento de esta matriz

Answer 4

Los paréntesis después de $ ('# shuffle') obtienen el primer elemento de ese selector proporcionado.

$('div.test')[0]; 

<div class="test"></div> <-- this one would get returned 
<div class="test"></div> 
<div class="test"></div> 

Answer 5

En el contexto directa de su pregunta, $("#shuffle") es un selector de ID, que devuelve un objeto jQuery (no una matriz per se, pero tiene una estructura de tipo array), entonces la parte [0] está devolviendo un objeto nativo DOMElement del elemento con id shuffle en lugar del objeto jQuery devuelto llamando al $('#shuffle') (sin el []).

Esencialmente lo mismo que hacer document.getElementById('shuffle')

EDITAR (como Matt señaló)

esto, entonces le permitirá hacer su .play() llamada para iniciar su flujo de audio.

Answer 6

Devuelve el objeto JavaScript nativo que contiene el primer elemento en el conjunto combinado de elementos.

Answer 7

jQuery es un objeto similar a una matriz que contiene todos sus elementos coincidentes. Muchas veces, jQuery serán por defecto aplicar sus cambios al primer elemento de la colección:

$("li").css("display"); // display val of first element, not all elements. 

A pesar de que se podrían haber encontrado muchos li elementos, el objeto jQuery nos habla de la primera forma implícita.Podríamos instruir explícitamente a hacerlo a través de la $.get método:

$("li").get(0); // Returns first DOM element 
$("li")[0]; // Also returns first DOM element 

hemos podido comprobar la nodeName para verificar esto:

$("li").get(0).nodeName; // LI 
$("li")[0].nodeName; // LI 

Si miramos debajo de las sábanas, podemos ver cómo $.get() es implementado:

get: function(num) { 
    return num == null 
    ? this.toArray() 
    : (num < 0 
      ? this[ this.length + num ] 
      : this[ num ]); 
} 

De esto podemos ver que cuando no se proporciona ningún argumento, toda la colección de elementos se convierte en una matriz, y luego regresó. Cuando se proporciona un argumento, por ejemplo 2, devolvemos el elemento como índice 2. Si se proporciona -2, esto se agrega a la longitud (supongamos que la longitud es 5, 5 + (- 2) es 3) y el número resultante es utilizado como el índice.

Así, con respecto a su ejemplo particular:

var shuffle = $("#shuffle")[0]; 
shuffle.play(); 

jQuery se utiliza para obtener cualquier elemento que tiene el valor de ID de shuffle. Esto devuelve el objeto similar a una matriz jQuery. Pero su método play() no existe en el objeto jQuery, existe en el objeto #shuffle. Como tal, necesitas obtener el primer elemento de la colección.

Puede usar $.get(0), sin embargo, como acabamos de ver, esto solo añadiría un paso más. Internamente, jQuery llevaría a cabo el mismo código que está realizando arriba, [0].

Answer 8

sus medios el orden cronológico de objeto que se utiliza en el proceso siempre array [0], [1], [2] ... se puede comprobar Here