sábado, 5 de abril de 2008

Selectores

Seleccionar elementos del DOM se simplifica con jquery, es cuestión de acostumbrarse un poco a su notación; supongamos que tenemos el siguiente elemento:

<img name="dibujo" id="dibujoid" class="dibujoclase" src="/imagenes/imagen.jpg"/>

Pueden existir diferentes formas de acceder a este elemento usando sus propiedades

//usando el tipo de elemento
$("img")
//usando la propiedad name
$("[@name=dibujo]")
//usando la propiedad id
$("#dibujoid")
//usando la propiedad class
$(".dibujoclase")

En cada caso hacemos referencia al mismo elemento, o grupos de elementos que tengan la misma propiedad.
Si usamos el tipo de elemento se seleccionaran, en este caso todos los img del documento asociandolos a una matriz.
En el caso de seleccionar usando la propiedad clase, se seleccionarán todos los elementos del DOM que esten asociados a esta clase.
En el caso de seleccionar usando el id, solo se seleccionará el primer elemento del DOM asociado a ese id, ignorando los demás.

No hay comentarios: