50 most common jquery interview questions
In diesem Tutorial werden die am häufigsten gestellten Fragen und Antworten zum jQuery-Interview aufgelistet, damit Sie sich auf Ihr bevorstehendes jQuery-Interview vorbereiten können:
Wenn Sie sich auf ein jQuery-Interview vorbereiten, finden Sie hier die am häufigsten gestellten Fragen zum jQuery-Interview mit Antworten und Beispielen als Referenz.
Wir haben versucht, alle möglichen Fragen zusammenzustellen, die Ihnen während Ihres technischen Interviews möglicherweise begegnen, um Ihre Kompetenz in jQuery zu überprüfen.
Lass uns erforschen!
Was du lernen wirst:
Was ist jQuery?
jQuery ist eine JavaScript-Bibliothek zur Manipulation von Dokumentobjektmodellen, die hauptsächlich zum Verwalten und Durchsuchen von HTML-Dokumenten, zur Behandlung von Webelementereignissen, zu Spezialeffekten auf die DOM- und Ajax-Kommunikation sowie zur JavaScript-Entwicklung mehrerer Browser verwendet wird.
jQuery ist eine kompakte JavaScript-Bibliothek, die die folgenden Funktionen enthält:
- HTML / DOM-Manipulation
- CSS-Manipulation
- HTML-Ereignismethoden
- Effekte und Animationen
- AJAX
- Dienstprogramme
Liste der wichtigsten Fragen zum jQuery-Interview
F # 1) Können Sie erklären, was jQuery ist?
Antworten: jQuery ist eine schnelle, leichte und funktionsreiche JavaScript-Bibliothek. Es ist einfach, eine browserübergreifende API für das Durchlaufen und Bearbeiten von HTML-Dokumenten, die Ereignisbehandlung, das Hinzufügen von Animationseffekten zu Webseiten und die Unterstützung bei Ajax-Interaktionen zu verwenden.
F # 2) Können Sie zwischen JavaScript und jQuery unterscheiden?
Antworten: JavaScript ist eine Open-Source-Skriptsprache, die statische Webseiten in dynamische Seiten umwandelt, mit denen Formulardaten überprüft werden, bevor sie an einen Server gesendet werden.
jQuery ist eine leichte, schnelle Javascript-Bibliothek, die mit dem Browser kompatibel ist. Sie wird zum Durchlaufen und Bearbeiten von HTML-Dokumenten, zur Ereignisbehandlung, zum Hinzufügen von Animationseffekten zu Webseiten und zur Unterstützung von Ajax-Interaktionen verwendet.
F # 3) Erläutern Sie die verschiedenen jQuery-Effektmethoden.
Antworten: Mit der jQuery-Effektmethode können wir HTML-Elementen, die im DOM von Webseiten vorhanden sind, einige Spezialeffekte hinzufügen. Diese Methoden können in Fade-, Slide-, Hide-, Show- und Spezialeffekte gruppiert werden.
Die Liste der jQuery-Effektmethoden ist unten angegeben.
- Show(): Diese Methode kann das ausgewählte Element anzeigen / anzeigen.
- ausblenden(): Diese Methode verbirgt das ausgewählte Element.
- Umschalten(): Diese Methode hilft beim Umschalten zwischen show () und hide () für das ausgewählte Element.
- einblenden (): Diese Methode hilft ausgeblendeten Elementen auf der Seite, eingeblendet (angezeigt) zu werden, d. H. Aus verborgenen Elementen ein undurchsichtiges Element zu machen.
- ausblenden(): Diese Methode hilft, ein Element von der Webseite auszublenden, indem das farbige Element transparent gemacht wird, dh es wird ausgeblendet.
- fadeToggle (): Dieses Verfahren hilft, den Zustand des ausgewählten Elements zu ändern, d. H. Verborgenes ausgewähltes Element in sichtbares und sichtbares ausgewähltes Element in das verborgene Element.
- slideUp (): Diese Methode kann dazu beitragen, dass ausgewählte HTML-Elemente nach oben verschoben werden.
- herunterrutschen(): Diese Methode kann dazu beitragen, dass ausgewählte HTML-Elemente nach unten verschoben werden.
- slideToggle (): Dieses Verfahren hilft, die Position des ausgewählten Elements zu ändern, d. H. Das ausgewählte Element, wenn es von seiner Position nach oben gleitet, dann rutscht es nach unten, und wenn das ausgewählte Element von seiner Position nach unten rutscht, gleitet es nach oben.
- animiert (): Diese Methode kann ausgewählte Elemente mit CSS-Stilen von einem Status in einen anderen ändern. Der CSS-Eigenschaftswert wie Position, Farbe oder Form ändert sich innerhalb eines bestimmten Intervalls, was zu einem animierten Effekt führt.
F # 4) Geben Sie einige Beispiele für Ajax-Methoden in jQuery an.
Antworten: Ajax hilft beim Senden und Abrufen von Daten sowie beim Ändern des Inhalts der Webseite von einem Server, ohne dass die gesamte Seite neu geladen werden muss. jQuery Ajax-Methoden wie load (), get (), post () erleichtern Ajax-Aufrufe der Anwendung.
F # 5) Erläutern Sie die Funktionalität der Ajax () -Methode.
Antworten: Die Ajax () -Methode sendet asynchrone HTTP-Anforderungen an den Server und empfängt die Daten vom Server. Die Ajax () -Methode ist wertvoll, da sie die Möglichkeit bietet, sowohl erfolgreiche als auch fehlgeschlagene Rückrufe anzugeben.
F # 6) Erläutern Sie die Funktionalität der Ajax Load () -Methode.
Antworten: Die load () -Methode sendet HTTP-Anforderungen zum Laden von Daten in Form von HTML- oder Textinhalten von einem Server und fügt die zurückgegebenen Daten in die ausgewählten DOM-Elemente ein.
F # 7) Ausarbeiten von jQuery Ajax-Ereignissen.
Antworten: Ajax-Methoden lösen einen Ereignishandler aus, der zu jQuery Ajax-Ereignissen führt. Einige Beispiele für jQuery Ajax-Ereignisse sind nachstehend aufgeführt.
Diese Ereignisse werden in lokale und globale Ereignisse unterteilt.
- ajaxStart (): Es handelt sich um ein globales Ereignis. Dieses Ereignis wird als Ergebnis des Starts einer Ajax-Anforderung ausgelöst, sofern derzeit keine andere Ajax-Anforderung ausgeführt wird.
- beforeSend (): Wie der Name schon sagt, handelt es sich um ein lokales Ereignis. Dieses Ereignis wird vor dem Start der Ajax-Anforderung aufgerufen, sodass XMLHttpRequest-Objekte geändert werden können.
- ajaxSend (): Es ist ein globales Ereignis, und dieses Ereignis wird aufgerufen, bevor die Ajax-Anforderung ausgeführt wird.
- Erfolg(): Es ist ein lokales Ereignis. Dieses Ereignis wird nur ausgelöst, wenn die Ajax-Anforderung erfolgreich gesendet wurde (d. H. Während das Senden der Ajax-Anforderung zeigt das Ereignis keinen Fehler vom Server oder von Daten an).
- ajaxSuccess (): Es handelt sich um ein globales Ereignis, das nur ausgelöst wird, wenn die gesendete Anforderung erfolgreich war.
- Error(): Es ist ein lokales Ereignis, das ausgelöst wird, wenn beim Ausführen der Anforderung ein Fehler auftritt. (Beim Senden einer Ajax-Anfrage kann entweder ein Fehler oder ein erfolgreicher Rückruf auftreten.)
- ajaxError (): Es ist ein globales Ereignis, das sich genauso verhält wie sein lokales Gegenstück error ().
- Komplett(): Es ist ein lokales Ereignis. Dieses Ereignis wird aufgerufen, unabhängig davon, ob die Anforderung erfolgreich ist oder zu einem Fehler führt, und es werden auch für synchrone Anforderungen vollständige Rückrufe empfangen.
- ajaxComplete (): Es handelt sich um ein globales Ereignis, das sich auch bei synchronen Anforderungen genauso verhält wie das vollständige () Ereignis seines lokalen Gegenstücks.
- ajaxStop (): Es ist ein globales Ereignis, das ausgelöst wird, wenn noch keine Ajax-Anforderungen verarbeitet werden / zur Verarbeitung anstehen.
F # 8) Erläutern Sie die Funktionalität der Methode ajaxComplete ().
Antworten: AjaxComplete () wird aufgerufen, unabhängig davon, ob die Anforderung erfolgreich ist oder zu einem Fehler führt, und es wird auch für synchrone Anforderungen ein vollständiger Rückruf empfangen.
F # 9) Erläutern Sie die Funktionalität der Methode ajaxStart ().
Antworten: Das Ereignis ajaxStart () ist ein globales Ereignis, das als Ergebnis des Startens einer Ajax-Anforderung ausgelöst wird, sofern derzeit keine anderen Ajax-Anforderungen ausgeführt werden.
F # 10) Erläutern Sie einige Beispiele für Ereignisse in jQuery.
Antworten: Aktionen auf HTML-Elementen über Webseiten hinweg sind Ereignisse in jQuery oder JavaScript, wodurch dynamische Webseiten erstellt werden.
Nachfolgend sind einige Beispiele für Ereignisse aufgeführt.
- Klicken Sie mit der Maus über ein Element wie eine Schaltfläche.
- Senden von Eingabeelementwerten aus dem HTML-Formular.
- Zurücksetzen des Formularelements auf seine Standardwerte oder erneutes Laden einer Seite.
- Drücken oder Tippen einer oder mehrerer Tasten auf der Tastatur.
- Scrollen der Webseite etc.
F # 11) Erläutern Sie Beispiele für einige Kategorien von jQuery-Ereignissen.
Antworten: jQuery-Ereignisse werden anhand ihrer Typen kategorisiert:
- Mausereignisse wie click & dblclick.
- Tastaturereignisse wie Keyup & Keydown.
- Formularereignisse wie Senden, Fokussieren und Ändern.
- Dokument- / Fensterereignisse wie Laden, Entladen und Scrollen.
F # 12) Erläutern Sie die Funktionalität der jQuery CSS () -Methode.
Antworten: Die CSS () -Methode in jQuery wird verwendet, um den aktuellen Wert der Stileigenschaft zu überprüfen, die Stileigenschaft des ausgewählten Elements hinzuzufügen oder zu ändern. Mit anderen Worten, die jQuery CSS () -Methode wird verwendet, um die CSS-Stileigenschaften des DOM-Elements abzurufen und festzulegen.
F # 13) Unterscheiden Sie zwischen find () - und child () -Methoden.
Antworten: .find () und .children () werden verwendet, um das untergeordnete Element der übereinstimmenden DOM-Elemente zu lokalisieren. .find () bewegt sich zu einer beliebigen Ebene nach unten, während .children () eine einzelne Ebene nach unten bewegt, um das Element zu lokalisieren.
Betrachten wir die folgende DOM-Struktur in einem HTML-Dokument.
Syntax in der jQuery .find () API, um das Element darin zu lokalisieren
$('li.item-li').find('li').css('background-color','yellow');
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 mitTag 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.
- String-basierter Ansatz: Diese Methode hilft beim Ableiten von Zeichenfolgen, indem äquivalente reguläre Ausdrücke mit der Methode .replace () verglichen werden.
- 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