Disección jQuery - Filtros

Esporádicamente, a lo largo de cada mes, publicaremos un consejo rápido del video “Disecting jQuery”. La idea detrás de esto es que tomaremos una sola porción de la fuente de jQuery a la vez, la desglosaremos y determinaremos exactamente qué está pasando bajo el capó, por así decirlo. Luego, con ese conocimiento, aprenderemos cómo utilizar mejor la biblioteca en nuestra codificación. Hoy revisaremos los filtros..


También disponible en esta serie:

  1. Disección jQuery - Filtros
  2. Disección jQuery - El método de texto

Fuente de jQuery para el :oculto Filtrar

 jQuery.expr.filters.hidden = function (elem) var width = elem.offsetWidth, height = elem.offsetHeight, skip = elem.nodeName.toLowerCase () === "tr"; ancho de retorno === 0 && altura === 0 &&! skip? verdadero: ancho> 0 && altura> 0 &&! saltar? false: jQuery.curCSS (elem, "display") === "none"; ;

los :visible Filtrar

Muy hábilmente, el :visible filtro solo necesita llamar al oculto Método, y devolver el recíproco.

 jQuery.expr.filters.visible = function (elem) return! jQuery.expr.filters.hidden (elem); ;

Screencast completo


); "> código fuente de jQuery para ver una lista de otros filtros útiles que están disponibles para usted.


Aprovechando este conocimiento para extender jQuery

 

Nota: jQuery.expr [':'] es simplemente un alias para jQuery.expr.filters.


Manténganse al tanto. En futuros episodios, continuaremos cortando más trozos de la fuente jQuery, ¡y los analizaremos!