jueves, 9 de julio de 2009

jQuery, Parte 2, Filtros

En días pasados escribí un pequeño resumen sobre las principales características de la biblioteca jQuery, donde además comenté sobre los selectores mas usados, para leer más sobre esto pinche aquí. También, me comprometí a continuar desmenuzando sobre las características de JQuery.

En esta ocasión comentaremos sobre los filtros jQuery.

jQuery Filtros:

La filosofía de jQuery es: primero seleccionar los elementos y después aplicar una acción sobre la selección. Ahora veremos como aplicar filtros sobre los elementos seleccionados:

Antes debo volver a comentar que la función $(), siempre devuelve un array (arreglo) de elementos. Teniendo esto es cuenta pasemos a comentar los ejemplos:

Categoría de Filtros:

Filtros Básicos

Ejemplo Descripción
$(':first'); Selecciona el primer elemento
$('div:first'); Selecciona el primer DIV
$('div:last'); Selecciona el último DIV
$('div:not(#txtName)'); Selecciona los DIV que no tenga un id="txtName"
$('div:odd'); $('div:even'); Selecciona los DIV impares. Y el 2do los pares
$('div:eq(2)'); Selecciona el tercer elemento, índice=2, comienza por 0.
$('div:gt(2)'); Selecciona todos los DIV después del tercero.
$(':header'); Selecciona los elementos: h1, h2, h3 etc....
$(':animated'); Selecciona todos los elementos animados

Sobre animaciones escribiré algún post mas adelante.

También escribiré un nuevo post sobre las restantes categorías de filtros.

Conclusión

Los selectores y filtros de jQuery no son complejos de entender, pero la mejor manera de comprenderlos y entenderlos, es practicar con ellos, de cualquier forma, espero les halla servido de ayuda este articulo.

Próximos blogs sobre jQuery:

No dejes de leer jQuery Consejos, Trucos y Buenas Practicas, y déjanos algún consejo o truco sobre jQuery.

No hay comentarios:

Publicar un comentario