Analyse approfondie des similitudes et des différences entre JQuery et JavaScript_jquery

ps : LZ pense que ce titre est un peu trop gros et au-delà de mes capacités. Si vous ne l'aimez pas, n'y touchez pas. Actuellement, seuls ceux relevant des capacités de LZ sont enregistrés et seront complétés à l'avenir.

1. Conversion mutuelle entre les objets JQuery et les objets DOM ("Sharp JQuery")

JQuery converti en DOM :

1. var jq = $('#selector'); var dom = jq[index];

2. var jq1 = $('#selector1'); var dom1 = jq1.get(index) ou var dom1 = jq1.get()[index];

Convertir DOM en JQuery :

Supposons que cr soit un objet DOM, converti en JQuery, jqcr = $('cr');

2. La différence entre $(document).ready() de JQuery et window.onload() de JavaScript ("Sharp JQuery")

1. Calendrier d'exécution

                                                                                                                                               window.onload doit attendre que toutes les ressources (y compris les images) de la page Web soient chargées avant de pouvoir être exécutée, tandis que $(document).ready() est exécuté une fois que toutes les structures DOM sont dessinées, mais les ressources qui peuvent être associés au DOM sont toujours là. Pas encore chargé.

2. Nombre d'entrées

Dans un document, il n'y a qu'un seul window.onload, mais $(document).ready() peut en avoir plusieurs

3. Méthode simplifiée

Il n'y a pas d'abréviation pour window.onload. $(document).ready() peut être abrégé en $(function(){}).

3. La différence entre l'accès aux noms d'attributs dans JQuery et JavaScript ("JQuery in Action")

Nom de la spécification JQuery Spécification DOM
espacement des cellules espacement des cellules
classe nom de classe
colspan colSpan
cssFloat dans IE est styleFloat, les autres navigateurs sont cssFloat
float dans IE est styleFloat, les autres navigateurs sont cssFloat
pour htmlPour
cadreBordure
maxLength maxLength
lecture seule lecture seule
rangéespan rangéeSpan
                                                                                                                                                                                                                                     tabindex tabIndex
utiliser la carte utiliser la carte

4. Conflit

Théoriquement, il n'y aura pas de conflits dans DOM. JQuery propose deux solutions pour éviter les conflits : ("Sharp JQuery")

1. La bibliothèque JQuery est importée après les autres bibliothèques

Appelez JQuery. La méthode noConflict() donne $ le contrôle à d'autres bibliothèques ou à des raccourcis personnalisés, $j = JQuery.noConflict();

2. Importez la bibliothèque JQuery avant les autres bibliothèques

Utilisez JQuery directement pour remplacer $, et $ peut être utilisé comme raccourci vers d'autres bibliothèques.