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
Filtros de Contenidos
Filtros de Visibilidad
Filtros por Atributos
Filtros Descendientes
Filtros de Formularios
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:
- Filtros (el resto de las categorías).
- Dom, Manipulación.
- Eventos.
- Interacción con Ajax.
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