50+ häufigste Fragen und Antworten zu jQuery-Interviews (Aktualisiert 2021)

Das Ergebnis des obigen Methodenaufrufs ist ein gelber Hintergrund auf den Elementen A, B, 1, 2, 3 und C, wie in der folgenden Abbildung gezeigt.

Die Methode .find () wählt alle untergeordneten Elemente des DOM-Elements aus, das durchlaufen wird.

Syntax in der jQuery .children () API zum Suchen des Elements mit

Tag mit Klasse 'Level-2'.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Das Ergebnis des obigen Methodenaufrufs ist ein gelber Hintergrund für die Elemente A, B und C (siehe Abbildung unten).



Die Methode .children () wählt einstufige Elemente des DOM-Elements aus, das durchlaufen wird.

F # 14) Erläutern Sie verschiedene Arten von Selektoren und deren Funktionalität in jQuery.

Antworten: jQuery-Selektoren werden verwendet, um HTML-Elemente aus der DOM-Hierarchie basierend auf ihren unten aufgeführten Attributen zu suchen / auszuwählen.

• Name
• Ich würde
• Klasse
• Art
• Werte

Grundlegende Auswahltypen sind:

• Name
• ICH WÜRDE
• Klassenname
• Universeller Selektor wie *, der alle Elemente in einem DOM auswählt.
• Mehrere Elemente. Beispiel:
• ,

  ,.

• Attributauswahl, Beispiel: Identifizieren / Auswählen von Elementen anhand ihrer Attribute wie Farbe, Schriftstil oder Hintergrundfarbe.

Das Beispiel für mehrere Elemente und Attributselektoren in jQuery wird unten erläutert.



Im obigen jQuery-Code ist das Klassenattribut ein Selektor und die Schriftfarbe des Texts im HTML-Tag-Element wird in Grün geändert. Dieser Code beeinflusst / ändert die Schriftfarbe von Texten in allen Elementen mit Klassenattributen.

F # 15) Unterscheiden Sie in jQuery zwischen ID und Klassenauswahl.

Antworten: Jedes HTML-Element kann nur eine ID haben, dh ein Element kann mit einer eindeutigen ID identifiziert werden, während Sie dieselbe Klasse für mehrere Elemente verwenden können.

Beispiel für einen ID-Selektor in jQuery, um ein DOM-Element mit einer ID als Attribut auszublenden, z. B. ein Element mit einer ID als 'gold_coin'.

$('#gold_coin').hide();

Wenn Sie ausblenden möchten, sagen Sie alle Links, deren Klasse als 'roh' eingestuft ist.

beste kostenlose Backup-Software für Windows 10 2017

$('a.raw').hide();

F # 16) Erläutern Sie die Vorteile der jQuery Ajax-Methoden.

Antworten: Ajax kann mithilfe von DOM und JavaScript Daten vom Server anfordern und empfangen, ohne dass die Seite neu geladen werden muss.

Die Vorteile der Verwendung von Ajax-Methoden in jQuery sind nachstehend aufgeführt:

• Es ermöglicht uns, die gesamte Seite neu zu laden und gibt uns die Flexibilität, nur einen Teil der Seite zu laden.
• Einfache API.
• Browserübergreifende Unterstützung.
• GET und POST werden unterstützt.
• Laden Sie ein JSON-, XML-, HTML- oder Skriptdokument hoch.

F # 17) Unterscheiden Sie zwischen den jQuery-Methoden onload () und document.ready ().

Antworten: Der Unterschied zwischen den Methoden onload () und document.ready () besteht darin, dass die Methode onload () von JavaScript erst aufgerufen wird, nachdem alle Objekte im Webdokument vollständig angezeigt / geladen wurden.

Die Methode document.ready () wird aufgerufen, wenn die DOM-Struktur in die Dokumente geladen wird. Die Methode document.ready () wird im Vergleich zur Methode onload () sehr schnell aufgerufen, da diese später wartet, bis die Bilder vollständig angezeigt werden.

F # 18) Erläutern Sie die Funktionalität der connect () -Methode von jQuery.

Antworten: jQuery connect () ist ein Plugin, mit dem eine Funktion durch Zuweisen eines Handlers mit einer anderen Funktion verbunden / gebunden wird. Mit dieser Funktion können wir ein Ereignis eines DOM-Elements verwenden.

F # 19) Erklären Sie kurz das Bootstrap- und JavaScript-Plug-In.

Antworten: Bootstrap ist ein Framework oder Toolset, das HTML, CSS und JavaScript zum Erstellen einer Webseite oder Webanwendung enthält. Viele Bootstrap-Komponenten benötigen Javascript-Plugins, um zu funktionieren.

F # 20) Erläutern Sie die Anwendungen für jQuery Mobile.

Antworten: jQuery Mobile ist ein Open-Source-Cross-Browser-kompatibles Framework, mit dem mobile Anwendungen erstellt werden können, auf die auf allen Smartphones, Tablets und Desktop-Geräten zugegriffen werden kann.

jQuery Mobile wurde auf jQuery und der Benutzeroberfläche von jQuery erstellt, um verschiedene Spezialeffekte zu rendern, Ajax-Anfragen / -Antworten, Berührungsereignisse und eine Vielzahl von Widgets zu verarbeiten.

F # 21) Unterscheiden Sie zwischen jquery.min.js und jquery.js

Antworten: jquery.min.js und jquery.js haben dieselbe Funktionalität. In jquery.min.js werden alle leeren Bereiche entfernt, um die Datei kleiner zu machen und schneller zu laden, was zur Ausführung des Skripts führt.

Wenn JS-Dateien in einer Produktionsumgebung minimiert werden, werden sie schneller geladen und bieten eine schnelle und bessere Seitenleistung.

F # 22) Erläutern Sie die Möglichkeit der jQuery-HTML-Methode für HTML- und XML-Dokumente.

Antworten: Die jQuery-HTML-Methode ist für XML-Dokumente nicht verfügbar, funktioniert nur für HTML-Dokumente.

F # 23) Erläutern Sie die Funktionalität der jQuery-Benutzeroberfläche (Benutzeroberfläche).

Antworten: Die jQuery-Benutzeroberfläche ist eine jQuery-Bibliothek, mit der verschiedene Benutzeroberflächenobjekte wie mehrere Datensatzlisten erstellt werden können, in denen die Benutzer bestimmte DOM-Elemente auswählen, sortieren, ziehen, ablegen und deren Größe ändern können.

Die UI-Bibliothek erstellt außerdem integrierte Widgets wie automatische Vervollständigung, Kontrollkästchen, Optionsfelder, Datumsauswahl, Menü usw. sowie das Hinzufügen eines Effekts zum Ausblenden, Anzeigen oder Umschalten und andere Animationen.

F # 24) Erläutern Sie die Funktionalität eines Datentabellen-Plug-Ins für jQuery.

Antworten: Die Datentabelle ist ein jQuery-Plug-In, das bei Anwendung auf Datensätze in tabellarischer Form angezeigt wird.

Wir können die Daten sowohl nach einzelnen als auch nach mehreren Spalten sortieren, den spezifischen Datensatz durchsuchen, Paginierung und Datensätze pro Seite hinzufügen und durch die Datensätze in einer Tabelle navigieren. Die Datentabelle kann auf statische Daten, Arrays, Daten in JSON sowie auf AJAX-Antworten angewendet werden.

F # 25) Erläutern Sie die Vorteile des Hostings einer jQuery von CDN.

Antworten: Das Hosten von jQuery über das Content Delivery Network (CDN) trägt zu hoher Verfügbarkeit und hoher Leistung bei geringeren Kosten und geringer Netzwerklast bei, verbessert die Latenz (weniger Zeit wird zum Senden und Empfangen eines Datenpakets vom Server benötigt) und bietet eine gerätespezifische Version von Inhalten.

Beispiel: Reaktionsfähigkeit für die Größe des mobilen Bildschirms und gesicherte Speicherkapazität für vertrauliche Daten oder Dateien.

F # 26) Identifizieren Sie einen Unterschied zwischen .detach () und .remove () von jQuery.

Antworten: Die Methode attach () von jQuery entfernt das ausgewählte Element, behält jedoch Daten und Ereignisse bei. Die Methode .remove () von jQuery entfernt Elemente, Daten sowie Ereignisse.

F # 27) Kann ich eine jQuery-Bibliothek für Server-Skripte verwenden?

Antworten: jQuery ist eine clientseitige Javascript-Skriptbibliothek. Es kann nicht für serverseitiges Scripting verwendet werden.

F # 28) Können Sie einige Situationen oder Szenarien für die Verwendung von jQuery angeben?

Antworten:

Wir können jQuery in den folgenden Situationen / Szenarien verwenden:

• Wir können eine jQuery-Funktion anwenden, die statische oder dynamische CSS-Eigenschaften ändern kann.
• Mit Hilfe von jQuery können wir Funktionen für Ereignisse wie Formularereignisse, Tastaturereignisse, Mausereignisse und Browserereignisse aufrufen.
• Wir können DOM-Elemente mit jQuery bearbeiten (hinzufügen, bearbeiten oder löschen).
• jQuery kann für Animationseffekte auf das HTML-Element verwendet werden, indem die statische Position schrittweise an eine andere Position geändert wird.

F # 29) Listen Sie die vier Parameter auf, die für die jQuery Ajax-Methode verwendet werden.

Antworten: Die URL-Adresse, an die die Anforderung gesendet wird, Art der Anforderung, dh GET oder POST, an den Server zu sendende Daten / Inhalte und die Bedingung, dass der Browser die angeforderte Seite entweder zulässt oder nicht zwischenspeichert, sind die vier Parameter, die für die jQuery Ajax-Methode verwendet werden.

F # 30) Erläutern Sie die Funktionalität des jQuery-Filters.

Antworten: .filter () in jQuery sucht nach dem übereinstimmenden Element und das Attribut kann dem übereinstimmenden Element hinzugefügt werden.

Für den .filter () kann dies beispielsweise wie folgt angegeben werden.



Die Codezeile in der jQuery.filter () - API zum Suchen / Herausfiltern von Listenelementen lautet wie folgt.

$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );

Das Ergebnis des obigen Methodenaufrufs ist ein gelber Hintergrund für die Texte Physik, Mathematik, Geschichte, Französisch usw., der sich auf Index 0, 2, 4 usw. befindet (denken Sie daran, dass der Index bei 0 beginnt, daher ist 0 eine gerade Zahl) im Bild unten gezeigt.



F # 31) Welches Sonderzeichen wird als Verknüpfung für jQuery verwendet?

Antworten: $ wird anstelle von jQuery verwendet.

Beispiel: jQuery (document) .ready (function (); kann als $ (document) .ready (function () verwendet werden

F # 32) Erklären Sie die verschiedenen Möglichkeiten, wie wir jQuery debuggen können.

Antworten: Es gibt nur wenige Möglichkeiten, wie wir jQuery-Code debuggen können.

Moderne Browser wie Google Chrome, Mozilla Firefox, Opera und Safari verfügen über einen integrierten Javascript-Debugger. Um den jQuery-Code zu debuggen, drücken Sie F12 auf Ihrer Tastatur. Der Browser mit dem integrierten Debugger öffnet eine Benutzeroberfläche, in der Sie das Menü 'Konsole' auswählen. Der Fehler wird gegebenenfalls im Konsolenmenü angezeigt.

Sie können console.log () in den Code schreiben, um den Fehlertext zu erhalten. Sie können auch einen Debugger schreiben. Zwischen den Codezeilen wird das Skript aufgrund des Debuggers im Debug-Modus gestartet. Durch Drücken von F12 im Browser wird die Konsole geöffnet, die den Code debuggt. Durch Drücken von F10 werden die Werte der jQuery-Objekte gelesen. Auf diese Weise können wir jQuery-Code debuggen .

F # 33) Erläutern Sie die möglichen Möglichkeiten, wie wir jQuery auf einer Seite einfügen können.

Antworten: Sie können die komprimierte Produktionsversion jquery-3.4.1.min.js von der Website https://jquery.com/download/ herunterladen und im Ordner lib unter dem Projektordner speichern.

ich) Wir können jquery aus dem lokalen Ordner unter project / lib / Scripts wie folgt referenzieren.

ii) Wir können auf Websites für Content Delivery-Netzwerke wie Microsoft CDN wie folgt verweisen.

F # 34) Erläutern Sie die Funktionalität der .each () -Methode in jQuery.

Antworten: jQuery .each () wird verwendet, um das im jQuery-Objekt vorhandene DOM-Element zu iterieren / aufzulisten.

Beispiel

var veg_list = { Onion, Capsicum, Sweet Potato, Cauliflower, Bitter Gourd, Brinjal }; $.each(veg_list, function (index, value) { console.log(value); }); // displays output as Onion Capsicum Sweet Potato, Cauliflower Bitter Gourd Brinjal

F # 35) Unterscheiden Sie zwischen den Methoden .prop () und .attr () von jQuery.

Antworten: Es folgt der Unterschied zwischen .prop () und .attr ().

Beispiel:



Der jQuery-Code enthält die attr () -Methode, mit der die Attributwerte eines Bildes wie unten gezeigt geändert werden.



Die Methode .attr () von jQuery ändert Attribute wie Breite und Rand des Bildes.

$ (Selektor) .attr (Attribut des Elements, Wert, in den Attribute geändert werden).

Die Methode .prop () in jQuery wird verwendet, um DOM-Eigenschaften wie den Status 'Aktiviert', 'Ausgewählt' oder 'Deaktiviert' zurückzugeben und zu ändern.

Pink


Für den Eingabetyp als Kontrollkästchen ist der Wert pink und die DOM-Eigenschaft ist aktiviert.



Der jQuery-Code enthält die Methode prop (), mit der die Anzeigeeigenschaft eines Elements geändert wird.



Die Methode .attr () hilft uns bei der Auswahl eines Werts, der hier 'pink' ist, während die Methode .prop () die Eigenschaft auswählt, die hier 'markiert' ist.

F # 36) Erläutern Sie die Funktionalität von jQuery.noConflict.

Antworten: Die Methode noConflict () von jQuery wird angewendet, um Konflikte zu lösen, wenn andere Frameworks als jQuery verwendet werden müssen.

Zum Beispiel, Viele JavaScript-Bibliotheken wie Mootools, Prototyp, Zepto usw. verwenden $, einen Funktions- oder Variablennamen, der als Ersatz für jQuery-Text im jQuery-Code verwendet wird. In solchen Fällen ermöglicht die Methode .noConflict () die Verwendung von $ Verknüpfungskennung, indem andere Skripte die Verwendung zulassen.

F # 37) Unterscheiden Sie in jQuery zwischen width () und css ('width').

Antworten: In jQuery gibt es zwei verschiedene Methoden, um die Breite eines Elements zu ändern. Der erste Weg ist die Verwendung von .css (Eigenschaft) und der andere Weg ist die Verwendung von .property ().

Beispiel:

$(selector).css(property,value_change); $(selector).property(value_change);

In .css (Eigenschaft), in diesem Fall width, müssen wir px im value_change hinzufügen, z. B. 300px.

Wir können .property (value_change) verwenden, in diesem Fall width, und Sie müssen nicht px, sondern direkten Wert hinzufügen.

F # 38) Wo können wir die param () -Methode in jQuery anwenden?

Antworten: Wir können Arrays, einfache Objekte oder jquery-Objekte in Form eines Bytestroms anzeigen, damit sie mit der param () -Methode in jQuery im Speicher, in der Datei oder in der Datenbank gespeichert werden können.

F # 39) Unterscheiden Sie in jQuery zwischen $ (this) und this.

Antworten: $ (this) ist ein jQuery-Objekt, während dies die globale Objektreferenz eines JavaScript ist. Mit dieser Option können wir auf das DOM-Element im HTML-Dokument verweisen.

$ (this) verweist auf das übergeordnete Objekt, während dies auf ein DOM-Element verweist, das im Fall eines Arrays ein Objekt mit der Methode .each () darstellt, das die aktuelle Iteration anzeigt.

F # 40) Beschreiben Sie die Funktionalität von Lese-Cookies, Schreiben von Cookies und Löschen von Cookies in jQuery.

Antworten: Beim Besuch von Websites sind Cookies Datenwerte wie der Name des Benutzers, der in kleinen Textdateien auf dem Computer gespeichert wird. Beim erneuten Aufrufen von Websites helfen die Cookies dabei, den Namen des Benutzers zu speichern. JavaScript und jQuery erstellen, lesen und löschen Cookies mit der Eigenschaft document.cookie.

F # 41) Wozu dient die serialize () -Methode in jQuery?

Antworten: Die Formularwerte werden serialisiert, sodass ihre serialisierten Werte in der URL-Abfragezeichenfolge verwendet werden können, während eine AJAX-Anforderung gestellt wird.

Die Methode .serialize () von jQuery gibt die Eingabewerte des HTML-Formulars in Form eines Strings zurück.

F # 42) Wozu dient die val () -Methode in jQuery?

Antworten: Die Methode .val () hilft dabei, den Wert eines Attributs eines HTML-Elements zu ermitteln. Zum Beispiel, Formularelemente wie Eingabe, Auswahl und Textbereich. Val () wird auch angewendet, um den Wert aller übereinstimmenden Elemente aus Kontrollkästchen und Optionsfeldern sowie einer Dropdown-Liste zu ermitteln.

Beispiel mit Syntax erklärt

// form elements such as dropdown with select tag and id mylst, the value of the selected option will have syntax as below $( 'select#mylst option:checked' ).val(); // form element such as a set of radio buttons with input type as radio and name rdobtn, the value can be retrieved $( 'input(type=radio)(name=rdobtn):checked' ).val();

F # 43) Was ist Methodenverkettung in jQuery? Welche Vorteile bietet es?

Antworten: Bei der Verkettung von jQuery-Methoden können mehrere Aktionen auf eine einzelne Codezeile angewendet werden, da alle Methoden jQuery-Objekte zurückgeben, die zum Aufrufen einer anderen Methode verwendet werden können.

Ohne Verkettung werden jQuery-Methoden nacheinander in einer separaten Zeile aufgerufen, während bei der Verkettung jQuery-Methoden in punktgetrennten einzelnen Codezeilen geschrieben werden.

Ohne mehrere zu schreibende Codezeilen zu verketten, sodass jQuery das gesamte DOM nach übereinstimmenden Elementen durchsucht, werden einzelne Methoden in jeder Codezeile angewendet. Während für die Verkettung nur eine einmalige Auswahl eines übereinstimmenden Elements aus DOM erforderlich ist, wird eine bessere Leistung erzielt.

F # 44) Was ist der Unterschied zwischen jQuery.get () und jQuery.ajax ()?

Antworten: Die Methode jQuery.ajax () wird zum Senden von HTTP-Ajax-Anforderungen verwendet, während die Methode jQuery.get () zum Senden von HTTP-GET-Anforderungen zum Laden von Daten vom Server verwendet wird.

F # 45) Was ist QUnit?

Antworten: QUnit ist ein Framework, das JavaScript-Code testet, der für jQuery, jQuery UI und jQuery Mobile geschrieben wurde. Es verwendet Zusicherungen und Testvorrichtungen, um die erwarteten Ergebnisse zu überprüfen.

F # 46) Wie speichert jQuery Daten zu einem Element?

Antworten: Die Methode jQuery.data () hilft beim Anhängen von Datentypen aller Art an DOM-Elemente, die frei von Speicherverlusten sind. jQuery stellt sicher, dass Daten zusammen mit den über jQuery-Methoden entfernten DOM-Elementen entfernt werden.

Code zum Speichern und Abrufen von Daten zu einem Element.

$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}

F # 47) Können Sie die verschiedenen Verfahren zum Extrahieren einer Abfragezeichenfolge mit regulären Ausdrücken erläutern?

Antworten: Das Extrahieren einer Abfragezeichenfolge mit regulären Ausdrücken kann auf die folgenden zwei Arten durchgeführt werden.

1. String-basierter Ansatz: Diese Methode hilft beim Ableiten von Zeichenfolgen, indem äquivalente reguläre Ausdrücke mit der Methode .replace () verglichen werden.
2. Ansatz für reguläre Ausdrücke: Es muss eine leistungsstärkste Methode zum Extrahieren einer Abfragezeichenfolge und eines Abfragemusters verwendet werden, die mit Zeichenfolgen in JavaScript verglichen wird. Verwenden der Methoden .exec () und .test () zum Vergleichen mit Mustern. match (), matchAll (), replace (), search () und split () sind weitere Methoden für String.

F # 48) Erläutern Sie das Konzept der Finish-Methode in jQuery.

Antworten: Um alle in der Warteschlange befindlichen Animationen zu stoppen und ihnen zu helfen, ihren endgültigen Zustand zu erreichen, wird die Methode .finish () verwendet.

F # 49) Unterscheiden Sie zwischen dem Aufruf von stop (true, true) und der Methode finish.

Antworten: Die Methode .finish () hilft beim Löschen der Warteschlange und hilft den Animationen, in ihren Endzustand zu gelangen, während die Methode .stop () für ein Element aufgerufen wird, indem die aktuell ausgeführte Animation gezwungen wird, sofort anzuhalten.

F # 50) Wie können Sie mit jQuery einen browserspezifischen Code schreiben?

Antworten: Mit navigator.userAgent können wir in jQuery browserspezifischen Code schreiben, um den Browser aus Internet Explorer, Chrome, Firefox, Safari und Opera als den unten beschriebenen Code zu identifizieren.

if (navigator.userAgent.search('MSIE') >= 0) { // JQuery Code once navigator.userAgent identifies Microsoft Internet Explorer browser. } else if (navigator.userAgent.search('Chrome') >= 0) { // JQuery Code once navigator.userAgent identifies Google Chrome browser. } else if (navigator.userAgent.search('Firefox') >= 0) { // JQuery Code once navigator.userAgent identifies Mozilla Firefox browser. } else if (navigator.userAgent.search('Safari') >= 0 && navigator.userAgent.search('Chrome') <0) { // JQuery Code once navigator.userAgent identifies either Safari or Chrome browser type. } else if (navigator.userAgent.search('Opera')>= 0) { // JQuery Code once navigator.userAgent identifies Opera browser. }

F # 51) Wie wird der Datentyp einer Variablen in jQuery überprüft?

Antworten: Der jQuery-Funktionstyp () wird verwendet, um den Datentyp einer Variablen wie Array, Zeichenfolge, Nummer, Funktion oder Objektdatentyp zu identifizieren.

Fazit

jQuery ist eine JavaScript-Bibliothek zur Manipulation von Dokumentobjektmodellen, die hauptsächlich beim Durchlaufen von HTML-Dokumenten und bei der browserübergreifenden JavaScript-Entwicklung verwendet wird und DOM- und Ajax-Animationen zum Verwalten von Browserereignissen erstellt.

Ich hoffe, Sie haben die Antworten auf die am häufigsten gestellten Interviewfragen zu 'jQuery' als immense Hilfe empfunden. Übe so viele Fragen wie möglich und sei zuversichtlich.

Alles Gute für dein Interview !!

Literatur-Empfehlungen

• Interview Fragen und Antworten
• Fragen und Antworten zum ETL-Testinterview
• 50 Fragen und Antworten zum Top Salesforce-Interview (Aktualisiert 2021)
• Einige knifflige manuelle Testfragen und -antworten
• Top 50 der beliebtesten Fragen und Antworten zu CCNA-Interviews
• Top 51 Fragen und Antworten zum Bootstrap-Interview
• Top 50+ Fragen und Antworten zum Datenbankinterview
• 25 Fragen und Antworten zu den besten Agile Testing-Interviews