Dissection de jQuery - Filtres

Sporadiquement, au cours de chaque mois, nous publierons un conseil rapide vidéo «Dissecting jQuery». L'idée sous-jacente est que nous allons prendre une seule partie de la source jQuery à la fois, la décomposer et déterminer exactement ce qui se passe sous le capot, pour ainsi dire. Ensuite, avec cette connaissance, nous allons apprendre à mieux utiliser la bibliothèque dans notre codage. Aujourd'hui, nous allons examiner les filtres.


Aussi disponible dans cette série:

  1. Dissection de jQuery - Filtres
  2. Disséquer jQuery - La méthode du texte

La source de jQuery pour le :caché Filtre

 jQuery.expr.filters.hidden = fonction (elem) var largeur = elem.offsetWidth, hauteur = elem.offsetHeight, skip = elem.nodeName.toLowerCase () === "tr"; largeur de retour === 0 && height === 0 &&! skip? true: width> 0 && height> 0 &&! skip? false: jQuery.curCSS (elem, "display") === "aucun"; ;

le :visible Filtre

Très intelligemment, le :visible le filtre doit seulement appeler le caché méthode, et renvoyer la réciproque.

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

Screencast complet


); ""> le code source de jQuery pour afficher une liste des autres filtres utiles à votre disposition.


Exploiter ces connaissances pour étendre jQuery

 

Remarque: jQuery.expr [':'] est simplement un alias pour jQuery.expr.filters.


Restez à l'écoute. Dans les prochains épisodes, nous continuerons à découper davantage de morceaux de la source jQuery et à les disséquer!