Eingehende Analyse der Ähnlichkeiten und Unterschiede zwischen JQuery und JavaScript_jquery

ps: LZ findet diesen Titel etwas zu groß und übersteigt meine Möglichkeiten. Wenn er dir nicht gefällt, rühre ihn nicht an. Derzeit werden nur diejenigen erfasst, die im Rahmen der Möglichkeiten von LZ liegen und in Zukunft ergänzt werden.

1. Gegenseitige Konvertierung zwischen JQuery-Objekten und DOM-Objekten („Sharp JQuery“)

JQuery in DOM konvertiert:

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

2. var jq1 = $(‘#selector1’); var dom1 = jq1.get(index) oder var dom1 = jq1.get()[index];

DOM in JQuery konvertieren:

Angenommen, cr ist ein DOM-Objekt, konvertiert in JQuery, jqcr = $(‘cr’);

2. Der Unterschied zwischen $(document).ready() von JQuery und window.onload() ("Sharp JQuery") von JavaScript

1. Ausführungszeitpunkt

                                                                                                                                   window.onload muss warten, bis alle Ressourcen (einschließlich Bilder) auf der Webseite geladen sind, bevor es ausgeführt werden kann, während $(document).ready() ausgeführt wird, nachdem alle DOM-Strukturen gezeichnet wurden, die Ressourcen jedoch nicht sind möglicherweise noch mit dem DOM verknüpft. Noch nicht geladen.

2. Anzahl der Einträge

In einem Dokument gibt es nur ein window.onload, aber $(document).ready() kann mehrere

haben

3. Vereinfachte Methode

Es gibt keine Abkürzung für window.onload. $(document).ready() kann als $(function(){}) abgekürzt werden.

3. Der Unterschied zwischen dem Zugriff auf Attributnamen in JQuery und JavaScript („JQuery in Action“)

JQuery-Spezifikationsname DOM-Spezifikation
cellSpacing cellSpacing
Klasse Klassenname
colspan colSpan
cssFloat im IE ist styleFloat, andere Browser sind cssFloat
float im IE ist styleFloat, andere Browser sind cssFloat
für htmlFor
FrameBorder
maxLength maxLength
readonly readOnly
rowspan rowSpan
                                                                                                                                                                                                                            tabindex tabIndex
usemap useMap

4. Konflikt

Theoretisch wird es in DOM keine Konflikte geben. JQuery verfügt über zwei Lösungen, um Konflikte zu verhindern: („Sharp JQuery“)

1. Die JQuery-Bibliothek wird nach anderen Bibliotheken importiert

Rufen Sie JQuery auf. Die Methode noConflict() gibt $ die Kontrolle an andere Bibliotheken oder benutzerdefinierte Verknüpfungen, $j = JQuery.noConflict();

2. Importieren Sie die JQuery-Bibliothek vor anderen Bibliotheken

Verwenden Sie JQuery direkt, um $ zu ersetzen, und $ kann als Verknüpfung zu anderen Bibliotheken verwendet werden.