Comparatif : de jQuery au JavaScript natif

jQuery a été très utile pour les développeurs, quand la compatibilité dans les vieux navigateurs était un gros problème. Heureusement, cette époque est terminée, et comme toutes les nouvelles APIs sont maintenant standardisées, nous devons revenir à du JavaScript natif pour le développement des applications1.

Voici donc un comparatif entre jQuery et le JavaScript natif. Vous allez vous rendre compte qu’aujourd’hui, du JS natif n’est pas plus verbeux que jQuery. Et si vous êtes l’une des dernières personnes au monde à être concernées par les vieux Internet Explorer, il vous suffit simplement de charger polyfill.io et votre code JavaScript natif et moderne fonctionnera sans souci.

Vous trouverez d’autres guides et une explication plus générale ici.

Sélection

Oui, jQuery est un peu plus court, mais aussi plus lent.

Pour une sélection multiple, vous devez itérer par vous-même en JavaScript natif.

Navigation dans l’arborescence.

Manipulation du HTML

jQuery utilise toujours des méthodes (pas des propriétés).

jQuery a quelques méthodes spéciales pour normaliser certaines propriétés, telles que les valeurs des champs dans un formulaire.

Attributs personnalisés.

Manipulation du CSS

jQuery ajoute les unités automatiquement, pour que vous puissiez faire des calculs facilement.

Manipulation des classes.

Animations

Un standard Web Animations est en train d’arriver en JavaScript. Pour l’instant, utilisez les transitions CSS3.

setTimeout() a toujours été du JavaScript natif.

Evénements

Ecouter un événement.

Attendre que le DOM soit prêt. Ne démarrez pas avec $ en jQuery, recevez le en paramètre local pour éviter les conflits avec d’autres librairies.


1 Je suis au courant du débat autour du fait que jQuery est toujours utile car il corrige de nombreux bugs toujours présents dans les navigateurs. Je suis d’accord avec cela, ce n’est juste pas le sujet de ce guide.

Revenir au sommaire des guides JavaScript