Comment puis-je créer efficacement des éléments DOM à l'aide de jQuery ?
Susan Sarandon
Libérer: 2024-11-24 22:15:50
original
515 Les gens l'ont consulté
Création d'éléments DOM avec jQuery
Dans votre désir d'améliorer votre code JavaScript, vous êtes curieux de tirer parti des fonctionnalités de jQuery pour simplifier la manipulation du DOM .
jQuery propose des méthodes alternatives pour créer des éléments DOM, comme vous l'avez remarqué avec $.create("div"). Cependant, cette approche ne fait pas partie de l'API principale de jQuery et n'est pas toujours fiable.
Pour une solution plus efficace et standardisée, considérez ce qui suit :
Ce code concis accomplit le identique à votre JavaScript d'origine en :
Création d'un fichier
élément en utilisant $(').
Le cacher avec .hide().
Ajouter un élément
élément avec $.append(), définissant ses propriétés et ajoutant une classe.
Résultats de l'analyse comparative
Concernant les performances des différentes méthodes de création d'éléments, une référence a révélé que document.createElement est le plus rapide. Cependant, les différences de temps entre les méthodes sont minimes dans les versions modernes de jQuery (par exemple, 3 millisecondes pour mille éléments).
Mise à jour pour jQuery 1.7.2
Le le benchmark a été mis à jour avec jQuery 1.7.2 et est disponible sur http://jsben.ch/#/ARUtz pour une exploration plus approfondie et un crowdsourcing résultats.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn