Noticias Programación

Solo jQuery The Core UI – Filtros transversales DOM

Página 1 de 4

Cuando encuentra filtros por primera vez, parecen bastante fáciles: simplemente extrae los resultados deseados de los resultados que tiene. El problema es que los filtros son divertidos y jQuery lleva la idea más allá de lo obvio. En este capítulo veremos los filtros de paso y más.


Este es un extracto de mi libro. Solo jQuery La interfaz de usuario principal.


comprar en Amazon

Comprender los selectores jQuery CSS básicos de jQuery
Extracto: Los múltiples selectores DOM
Extraer: los selectores básicos Los filtros de objetos jQuery *** NUEVO !!! Filtros cruzados Editar objetos DOM
Extraer: Edición del DOM Creación de objetos y edición de la jerarquía del DOM Trabajo con formularios de datos Función de código Animación de interfaz de usuario Interfaz de usuario de jQuery Complemento de control personalizado de jQuery Prueba de jQuery con QUnit Epilog Una función adicional

También disponible:

jquery2cover

comprar en Amazon

jQuery tiene una tendencia a clasificar cualquier cosa que no sea un selector CSS estándar como filtro. Una confusión adicional, como se discutió en el capítulo anterior, es que hay dos formas de filtros: filtros de selector y filtros de método.



A selector el filtro se agrega a un selector estándar para reducir o refinar la selección a medida que se realiza.



A método El filtro se aplica a la matriz de resultados de jQuery para producir una nueva matriz con solo los resultados que coinciden con el filtro.



Podrías pensar que estos eran los únicos tipos posibles de filtros, pero hay otro, el cruce filtros Estos son extraños ya que filtran la matriz de resultados y también procesan el DOM para devolver elementos que no estaban en la matriz de resultados original.

En otras palabras, los filtros transversales devuelven nuevos elementos relacionados con los elementos del filtro de resultados mediante el uso de información sobre cómo se anidan los elementos entre sí.

Vamos a ver cómo funciona.

Filtros transversales DOM

Los filtros transversales le permiten realizar selecciones basadas en la posición del elemento en todo el DOM. Son quizás el tipo de filtro más complicado porque si bien procesan el resultado de jQuery para brindarle una nueva matriz de resultados de jQuery, la forma en que lo hacen no se basa solo en las propiedades inmediatas del elemento. Además, su matriz de resultados no es solo una versión simplificada de la matriz de resultados original, sino que puede contener un conjunto de elementos completamente nuevo.

Si encuentra alguna de las siguientes dificultades para entender, pase al primer ejemplo de un filtro transversal, poseeluego regrese y vuelva a leer esta introducción.

Esta es la primera vez que es importante darse cuenta de que cada uno de los elementos en el objeto de resultado es un elemento DOM completo y todavía está en la misma posición en el árbol DOM como siempre. Es decir, un elemento en la matriz de resultados no es solo un elemento DOM aislado en una matriz. En cambio, es un elemento con una posición específica en el árbol DOM actual.

cruce 1

Por ejemplo, si hay un división elemento en los resultados tiene tanto los descendientes, los elementos que contiene, como los padres, los elementos que lo contienen.

Los filtros transversales de árbol procesan cada elemento en el resultado y devuelven un nuevo resultado de jQuery que consiste en objetos DOM que tienen una cierta relación en el árbol DOM actual con los elementos originales en el objeto de resultados. Quizá sea el más sencillo de entender. posee.

También puede gustarte...