Zusammenfassung der Instanznutzung von jQuery-Objekten

Die beigefügten Bilder haben nichts mit diesem Artikel zu tun. Ich habe vor ein paar Jahren Frontend gelernt und alle waren sehr daran interessiert, den jQuery-Quellcode zu studieren. Ich erinnere mich noch daran, dass ich beim Erlernen einiger Anwendungskenntnisse aus dem jQuery-Quellcode oft ein tiefes Staunen verspürte: „Es stellt sich heraus, dass JavaScript auf diese Weise verwendet werden kann!“ Der Aufstieg mehrerer anderer Front-End-Frameworks, jQuery, hat sich langsam entwickelt Es ist nicht mehr notwendig. Daher ist die Begeisterung aller für jQuery stark zurückgegangen. Viele der von jQuery erlernten Techniken sind jedoch in der tatsächlichen Entwicklung immer noch sehr nützlich. Ein einfaches Verständnis davon wird uns auch helfen, JavaScript besser zu verstehen. Der Hauptzweck dieses Artikels besteht darin, Ihnen mitzuteilen, wie JQuery-Objekte gekapselt werden. Es kann als Einführung für jedermann angesehen werden, um den jQuery-Quellcode weiter zu erlernen. Wenn wir jQuery-Objekte verwenden, schreiben wir so: // Deklariere ein jQuery-Objekt $('.target') // Holen Sie sich das CSS-Attribut des Elements $('.target').css('width

1. Front-End Advanced (11): Detaillierte Darstellung des jQuery-Objekts

Einführung: In den ersten Jahren des Frontend-Lernens war jeder sehr daran interessiert, den jQuery-Quellcode zu studieren Einige Anwendungskenntnisse aus dem jQuery-Quellcode stellen manchmal ein tief empfundenes Wunder dar: „Es stellt sich heraus, dass JavaScript auf diese Weise verwendet werden kann!“ , jQuery ist nach und nach nicht mehr notwendig, daher ist die Begeisterung aller für jQuery nicht mehr erforderlich. Viele der von jQuery gelernten Techniken sind jedoch auch in der tatsächlichen Entwicklung sehr nützlich. ..

2. Erweiterung des jQuery-Objekts --extend

Einführung: Verstehen Sie die Erweiterung des jQuery-Objekts „extend“

3 Detaillierte Erklärung der jQuery.grep()-Funktion

Einführung: Die Funktion jQuery.grep() wird verwendet, um die Elemente im Array mithilfe der angegebenen Funktion zu filtern und das gefilterte Array als Quelle zurückzugeben Array wird nicht beeinflusst und die Filterergebnisse werden nur im zurückgegebenen Ergebnisarray widergespiegelt.

Detaillierte Erklärung des Unterschieds Konvertierung zwischen JavaScript-Objekt, DOM-Objekt und JQuery-Objekt

Einführung: Unterschiede zwischen JavaScript-Objekten, DOM-Objekten und jquery-Objekte, detaillierte Konvertierungserklärung

5. Verwendung von jQuery PikcList in PHP Ich bin auf einen kleinen Zweifel gestoßen

Einführung: I Ich habe ein kleines Problem mit der Verwendung von jQuery PikcList in PHP. Ich habe heute die Einführung in die Verwendung im Forum-Blog gesehen, und ich habe auch ein Problem, das ich nicht lösen kann, also bin ich hier Um zu helfen! Ich verwende das jQuery-PikcList-Plugin im Formular. Ich weiß, dass die Verwendung der getPickedItems()-Funktion alle Elemente in der selectedList abrufen kann und der Rückgabewert ein Array von jQuery-Objekten ist 🎜> 6.

JS (Dom)-Objekte und JQuery-Objekte werden ineinander umgewandelt

Einführung: JS-Objekte beziehen sich auf Knoten, die mit erhalten wurden js-Methoden. Das jquery-Objekt bezieht sich auf den mit der jquery-Methode erhaltenen Knoten. Ebenso können wir im jquery-Objekt nicht die js-Methode verwenden

7.

JQuery-Objekte und DOM-Objekte werden ineinander konvertiert_jquery

Einführung: jQuery-Objekte werden durch Wrapping generiert DOM-Objekte mit jQuery-Objekt. Das jQuery-Objekt ist einzigartig für jQuery, kann jedoch keine DOM-Methoden verwenden, z. B. $("#img").attr("src","test.jpg"); img") ist das jQuery-Objekt;

8. Konvertierung zwischen JQUERY-Objekt und DOM-Objekt_jquery

Einführung: Die entsprechende Methode des JQuery-Objekts kann nicht vom DOM-Objekt verwendet werden, und die entsprechende Methode kann nicht verwendet werden jquery des DOM-Objekts kann nicht verwendet werden. Daher sollten wir in bestimmten Projekten auf das Konvertierungsproblem zwischen Jquery-Objekten und DOM-Objekten achten

9 Array-ähnliche Operationen in jQuery-Objekten_jquery

Einführung: Wir alle wissen, dass es im jQUEry-Objekt einen Array-ähnlichen Elementverpackungssatz gibt. Dieser Satz hat das Längenattribut wie ein Array in js, daher nennen wir dies ein Array-ähnliches. Fassen wir dies zusammen: So bedienen Sie Array-ähnliche Objekte in jQuery

10 Drei Arten von $()_jquery in jQuery

Einführung: Das $-Zeichen ist ein Alias ​​für die jQuery-„Klasse“ und $() erstellt ein jQuery-Objekt. Daher kann „$()“ als jQuery-Konstruktor bezeichnet werden (persönliche Meinung, haha!).

[Verwandte Q&A-Empfehlungen]:

Javascript – Nachdem das JQuery-Objekt als JQuery-Variable definiert wurde, wird Folgendes verwendet: gt this ( kann als Frage ausgedrückt werden)

Javascript – In localStorage gespeicherte Zeichenfolgen in JQuery-Objekte konvertieren

Javascript – DOM-Elemente in JQuery-Objekte kapseln

Javascript – Warum das mehrfache Anhängen eines jQuery-Objekts nur einen Dom-Knoten hat

Javascript – jQuery-Problem: Verwendung dieses

Das obige ist der detaillierte Inhalt vonZusammenfassung der Instanznutzung von jQuery-Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!