Pour boucler dans un lot d'éléments DOM, rien de mieux que d'utiliser .forEach(), et ainsi de remplacer la méthode jQuery .each().
Remplacer jQuery
Si vous faites la maintenance d'un site web où il y a du javascript qui utilise la bibliothèque jQuery, vous pourriez être tenté de vouloir mettre à la porte cette dernière qui, bien que sa dernière mouture ait été allégée du support d'anciens navigateurs microsoftiens, devient de plus en plus obsolète en termes de nécessité et de fonctionnalités. Effectivement, à quoi ça sert de charger un code compressé de 30 kibi-octets alors que vous pourriez dialoguer avec votre DOM et vos requêtes AJAX directement en utilisant le javascript vanille?
Cependant, il faut avouer que la conversion jQuery vers javascript vanille ne peut pas se faire sans heurt. Il y a des concepts jQuery qui ne se retrouvent pas ailleurs.
On va essayer de les lever ici.
insertAdjacentHTML, alternative à jQuery append(), prepend(), before() et after()
Billet très court. Ce remplacement est assez facile à réaliser.
fetch(), la suite : annuler les requêtes
Dans mon billet sur fetch(), j'avais laissé entendre que je ne comprenais pas tout de la méthode.
Remplacer slideDown() et slideUp() dans jQuery
Ce n'est pas facile de trouver une solution aisée à remplacer les méthodes $.slideDown() et $.slideUp(), qui servent essentiellement à plier et déplier des boîtes verticalement. Heureusement, Javascript a assez évolué pour pouvoir programmer une alternative assez succincte.
jQuery doit mourir
Ok, le titre est un peu exagéré. Mais jQuery est devenu somme toute une tare dans la programmation JavaScript. Aujourd'hui, utiliser jQuery retarde l'apprentissage du JavaScript. jQuery demande le chargement d'une bibliothèque de plus de 200 kibioctets, ce qui peut paraître léger pour un ordinateur […]
La beauté de la combinaison de addEventListener() et closest()
Pour remplacer la méthode jQuery.on(), ou son ancêtre jQuery.live(), qui permettent d'attacher un événement virtuellement à des éléments qui n'existent pas encore au moment de l'appel, ces deux méthodes sont très utiles. EventTarget.addEventListener() existe depuis longtemps. En fait, c'est Internet […]
Javacript - La suppression des événements avec removeEventListener() au lieu de $.off()
L'affaire qui se passe, c'est que $(el).on() ne fait pas seulement la même chose que el.addEventListener(). $(el).on() enregistre aussi l'événement dans une liste d'événements d'un certain type (ex:'click') pour que si jamais on fasse $.off() sur le même type d'événement, ça puisse les effacer. Une […]
Remplacer $.get(), $.post(), $.ajax() et $.getJSON() par fetch()
Dieu merci, on a créé une méthode pour remplacer l'inutilement compliqué XMLHttpRequest. Par contre, fetch() retourne un type d'objet qui n'est pas toujours bien compris par les développeurs. Et je m'y inclus... Mais bon, ça permet toujours bien de créer des appels XHR sans trop de code superflu. […]
La "sérialisation" des formulaires
C'est tellement facile avec jQuery, et jadis autrement plus compliqué en JS vanille. Heureusement, ça s'est (un peu) amélioré dans les dernières années, avec la venue de deux nouveaux types d'objets : FormData et URLSearchParams. Normalement les deux expressions suivantes devraient donner le même […]