50 most common jquery interview questions
In deze tutorial staan de meest gestelde vragen en antwoorden over jQuery-interviews om u voor te bereiden op uw aanstaande jQuery-interview:
Als u zich voorbereidt op een jQuery-interview, dan zijn hier de meest gestelde jQuery-interviewvragen met antwoorden en voorbeelden ter referentie.
We hebben geprobeerd alle mogelijke vragen die u waarschijnlijk tegenkomt tijdens uw technisch interview samen te brengen om uw competentie op jQuery te controleren.
Laten we onderzoeken!
Wat je leert:
Wat is jQuery?
jQuery is een JavaScript-bibliotheek voor documentobjectmodelmanipulatie, die voornamelijk wordt gebruikt voor het beheren van en reizen over HTML-documenten, het afhandelen van webelementgebeurtenissen, speciale effecten op DOM- en Ajax-communicatie en JavaScript-ontwikkeling in meerdere browsers.
jQuery is een lichtgewicht JavaScript-bibliotheek die de volgende functies bevat:
- HTML / DOM-manipulatie
- CSS-manipulatie
- HTML-gebeurtenismethoden
- Effecten en animaties
- AJAX
- Gereedschap
Lijst met de beste jQuery-interviewvragen
V # 1) Kun je uitleggen wat jQuery is?
Antwoord: jQuery is een snelle, lichtgewicht en veelzijdige JavaScript-bibliotheek. Het is gemakkelijk te gebruiken cross-browser compatibele API voor het doorlopen en manipuleren van HTML-documenten, het afhandelen van gebeurtenissen, het toevoegen van animatie-effecten aan webpagina's en helpt bij Ajax-interacties.
Vraag 2) Kunt u onderscheid maken tussen JavaScript en jQuery?
Antwoord: JavaScript is een open-source scripttaal die van statische webpagina's dynamische pagina's maakt, die worden gebruikt om formuliergegevens te valideren voordat ze naar een server worden verzonden.
jQuery is een lichtgewicht, snelle javascript-bibliotheek, browsercompatibel, gebruikt voor het doorlopen en manipuleren van HTML-documenten, het afhandelen van gebeurtenissen, het toevoegen van animatie-effecten aan webpagina's en helpt bij Ajax-interacties.
Q # 3) Leg de verschillende jQuery-effectenmethode uit.
Antwoord: De jQuery-effectmethode helpt ons om enkele speciale effecten toe te voegen aan HTML-elementen die aanwezig zijn in DOM van webpagina's, en deze methoden kunnen worden gegroepeerd in vervagen, verschuiven, verbergen, weergeven en speciale effecten.
De lijst met methoden voor jQuery-effecten wordt hieronder gegeven.
- laten zien(): Deze methode kan het geselecteerde element weergeven / tonen.
- verbergen(): Deze methode verbergt het geselecteerde element.
- toggle (): Deze methode helpt om te schakelen tussen de methode show () en hide () voor het geselecteerde element.
- fadeIn (): Deze methode helpt verborgen elementen in de pagina te vervagen (weergegeven), d.w.z. om verborgen elementen in een ondoorzichtig element te maken.
- fadeOut (): Deze methode helpt om een element van de webpagina te verbergen door het gekleurde element transparant te maken, met andere woorden, het vervaagt.
- fadeToggle (): Deze methode helpt om de staat van het geselecteerde element te wijzigen, d.w.z. verborgen geselecteerde element in zichtbaar en zichtbaar geselecteerd element in het verborgen element.
- slideUp (): Met deze methode kan het geselecteerde HTML-element omhoog schuiven.
- naar beneden glijden(): Met deze methode kan het geselecteerde HTML-element naar beneden schuiven.
- slideToggle (): Deze methode helpt om de positie van het geselecteerde element te wijzigen, d.w.z. dat het geselecteerde element vanuit zijn positie naar boven schuift, dan zal het naar beneden schuiven, en als het geselecteerde element vanuit zijn positie naar beneden schuift, dan zal het omhoog schuiven.
- geanimeerd (): Deze methode kan geselecteerde elementen van de ene staat naar de andere veranderen met CSS-stijlen. De CSS-eigenschapswaarde zoals positie, kleur of vorm verandert binnen een bepaald interval, wat resulteert in een geanimeerd effect.
Q # 4) Geef enkele voorbeelden van Ajax-methoden in jQuery.
Antwoord: Ajax helpt bij het verzenden en ophalen van gegevens en het wijzigen van de inhoud van de webpagina vanaf een server zonder dat de hele pagina opnieuw hoeft te worden geladen. jQuery Ajax-methoden zoals load (), get (), post () vergemakkelijken Ajax-oproepen door de toepassing.
V # 5) Leg de functionaliteit van de Ajax () - methode uit.
Antwoord: De Ajax () -methode stuurt asynchrone HTTP-verzoeken naar de server en ontvangt de gegevens van de server. De Ajax () -methode is waardevol omdat deze de mogelijkheid biedt om callbacks voor zowel succes als mislukking te specificeren.
V # 6) Leg de functionaliteit uit van de ajax load () -methode.
Antwoord: De methode load () verzendt HTTP-verzoeken om gegevens in de vorm van HTML- of tekstinhoud van een server te laden en plaatst de geretourneerde gegevens in het geselecteerde DOM-element (en).
Q # 7) Uitgebreide jQuery Ajax-evenementen.
Antwoord: Ajax-methoden activeren een event-handler die resulteert in jQuery Ajax Events. Enkele van de voorbeelden van jQuery Ajax-evenementen zijn zoals hieronder vermeld.
Deze evenementen zijn onderverdeeld in lokale evenementen en wereldwijde evenementen.
- ajaxStart (): Het is een wereldwijd evenement. Dit evenement wordt geactiveerd als gevolg van het starten van een Ajax-verzoek, op voorwaarde dat er momenteel geen ander Ajax-verzoek loopt.
- beforeSend (): Het is een lokale gebeurtenis, zoals de naam aangeeft, deze gebeurtenis wordt aangeroepen voordat het Ajax-verzoek start, waardoor XMLHttpRequest-objecten kunnen worden gewijzigd.
- ajaxSend (): Het is een wereldwijd evenement en dit evenement wordt gebeld voordat het Ajax-verzoek wordt uitgevoerd.
- succes(): Het is een lokaal evenement. Deze gebeurtenis wordt alleen geactiveerd als het Ajax-verzoek met succes is verzonden (d.w.z. tijdens het verzenden van het Ajax-verzoek geeft de gebeurtenis geen fout weer van de server of van gegevens).
- ajaxSuccess (): Het is een globale gebeurtenis die alleen wordt geactiveerd als het verzonden verzoek succesvol was.
- fout(): Het is een lokale gebeurtenis die wordt geactiveerd als er een fout optreedt tijdens het uitvoeren van het verzoek. (U kunt een fout of een geslaagde callback hebben tijdens het verzenden van een Ajax-verzoek)
- ajaxError (): Het is een globale gebeurtenis, die zich hetzelfde gedraagt als zijn lokale tegenhanger error () - gebeurtenis.
- compleet(): Het is een lokaal evenement. Deze gebeurtenis wordt aangeroepen, ongeacht of het verzoek is geslaagd of resulteert in een fout, en volledige terugbelopdrachten worden ontvangen, zelfs voor synchrone verzoeken.
- ajaxComplete (): Het is een globale gebeurtenis, die zich hetzelfde gedraagt als zijn lokale tegenhanger complete () gebeurtenis, zelfs voor synchrone verzoeken.
- ajaxStop(): Het is een wereldwijd evenement dat wordt geactiveerd wanneer er nog geen Ajax-verzoeken worden verwerkt / in behandeling zijn.
V # 8) Leg de functionaliteit van de ajaxComplete () - methode uit.
Antwoord: De ajaxComplete () wordt aangeroepen ongeacht of het verzoek succesvol is of resulteert in een fout, en er wordt een volledige callback ontvangen, zelfs voor synchrone verzoeken.
V # 9) Leg de functionaliteit van de ajaxStart () - methode uit.
Antwoord: Het ajaxStart () -evenement is een globaal evenement dat wordt geactiveerd als gevolg van het starten van een Ajax-verzoek, op voorwaarde dat er momenteel geen andere Ajax-verzoeken actief zijn.
V # 10) Leg enkele voorbeelden uit van gebeurtenissen in jQuery.
Antwoord: Acties op HTML-elementen op webpagina's zijn gebeurtenissen in jQuery of JavaScript, waardoor dynamische webpagina's worden gemaakt.
Enkele voorbeelden van evenementen worden hieronder vermeld.
- Met de muis over een element zoals een knop klikken.
- Invoerelementwaarden verzenden vanuit het HTML-formulier.
- Resetten van formulierelement naar hun standaardwaarden of herladen van een pagina.
- Drukken of typen van een of meer dan een toets op het toetsenbord.
- Bladeren door de webpagina enz.
V # 11) Leg voorbeelden uit van enkele van de categorieën van jQuery-evenementen.
Antwoord: jQuery-evenementen worden gecategoriseerd op basis van hun typen:
- Muisgebeurtenissen zoals click & dblclick.
- Toetsenbordgebeurtenissen zoals keyup & keydown.
- Formulier Gebeurtenissen zoals indienen, focus & verandering.
- Document- / venstergebeurtenissen zoals laden, uitladen en scrollen.
Q # 12) Leg de functionaliteit uit van de jQuery CSS () - methode.
Antwoord: CSS () methode in jQuery wordt gebruikt om de huidige waarde van de stijleigenschap te controleren, de stijleigenschap van het geselecteerde element toe te voegen of te wijzigen. Met andere woorden, de jQuery CSS () - methode wordt gebruikt om de CSS-stijleigenschappen van het DOM-element op te halen en in te stellen.
Vraag 13) Maak een onderscheid tussen de methodes find () en child ().
Antwoord: .find () en .children () worden gebruikt om onderliggende elementen van de overeenkomende DOM-elementen te lokaliseren, .find () reist naar elk niveau lager, terwijl .children () een enkel niveau naar beneden reist om het element te lokaliseren.
Laten we eens kijken naar de volgende DOM-structuur in een HTML-document.
belastingtests versus prestatietests versus stresstests
Syntaxis in jQuery .find () API om element binnen te lokaliseren
Het resultaat van de bovenstaande methodeaanroep is een gele achtergrond voor items A, B, 1, 2, 3 en C, zoals weergegeven in de onderstaande afbeelding.
.find () methode selecteert alle onderliggende elementen van het DOM-element dat wordt doorlopen.
Syntaxis in jQuery .children () API om element mee te lokaliserentag met klasse 'level-2'.
Het resultaat van de bovenstaande methodeaanroep is een gele achtergrond voor items A, B en C, zoals weergegeven in de onderstaande afbeelding.
.children () - methode selecteert elementen van één niveau van het DOM-element dat wordt doorlopen.
V # 14) Leg verschillende soorten selectors uit en hun functionaliteit in jQuery.
Antwoord: jQuery-selectors worden gebruikt om HTML-elementen uit de DOM-hiërarchie te zoeken / selecteren op basis van hun attributen, zoals hieronder vermeld.
- naam
- ID kaart
- klasse
- type
- waarden
Basisselectietypes zijn:
- Naam
- ID kaart
- Naam van de klasse
- Universele selector zoals *, die alle elementen in een DOM selecteert.
- Meerdere elementen. Voorbeeld:
-
- Kenmerkselector, Voorbeeld: identificeer / selecteer elementen op basis van hun attributen zoals kleur, lettertypestijl of achtergrondkleur.
Voorbeeld van meerdere elementen en kenmerkselectors in jQuery, wordt hieronder uitgelegd.
In de bovenstaande jQuery-code is het class-attribuut een selector en wordt de lettertypekleur van de tekst in het HTML-tagelement gewijzigd in groen. Deze code heeft invloed op / verandert de lettertypekleur van teksten in al die elementen met klassekenmerken.
Q # 15) Maak onderscheid tussen de ID- en Class-selector in jQuery.
Antwoord: Elk HTML-element kan slechts één ID hebben, met andere woorden, een element kan worden geïdentificeerd met een unieke ID, terwijl u dezelfde klasse voor meerdere elementen kunt gebruiken.
Voorbeeld van ID-selector in jQuery om een DOM-element met een ID als attribuut te verbergen, zeg een element met een ID als 'gold_coin'
Als je wilt verbergen, zeg dan dat alle links met hun klasse 'onbewerkt' zijn,
V # 16) Leg de voordelen uit van jQuery Ajax-methoden.
Antwoord: Ajax kan met behulp van DOM en JavaScript gegevens van de server opvragen en ontvangen zonder dat de pagina opnieuw moet worden geladen.
Voordelen van het gebruik van Ajax-methoden in jQuery worden hieronder vermeld:
- Het stelt ons in staat om de hele pagina opnieuw te laden en geeft ons de flexibiliteit om slechts een deel van de pagina te laden.
- Eenvoudige API.
- Cross-browser ondersteuning.
- GET en POST ondersteund.
- Upload JSON-, XML-, HTML- of scriptdocument.
Q # 17) Maak onderscheid tussen onload () en document.ready () jQuery-methoden.
Antwoord: Het verschil tussen de methoden onload () en document.ready () is dat de methode onload () van JavaScript pas wordt aangeroepen nadat alle objecten in het webdocument volledig zijn weergegeven / geladen.
Terwijl de methode document.ready () wordt aangeroepen wanneer de DOM-structuur in de documenten wordt geladen. document.ready () methode wordt erg snel aangeroepen in vergelijking met onload () methode, aangezien de laatste wacht totdat de afbeeldingen volledig zijn weergegeven.
Q # 18) Leg de functionaliteit uit van de methode connect () van jQuery.
Antwoord: jQuery connect () is een plug-in die wordt gebruikt om een functie te verbinden / binden aan een andere functie door een handler toe te wijzen. Met deze functie kunnen we een event van een DOM-element gebruiken.
V # 19) Geef een korte uitleg van de bootstrap en JavaScript-plug-in.
Antwoord: Bootstrap is een framework of toolset die HTML, CSS en JavaScript bevat om een webpagina of webtoepassing te bouwen. Veel van de Bootstrap-componenten hebben Javascript-plug-ins nodig om te kunnen functioneren.
Q # 20) Leg de toepassingen voor jQuery Mobile uit.
Antwoord: jQuery Mobile is een open-source cross-browser-compatibel framework dat is ontworpen om mobiele applicaties te bouwen die toegankelijk zijn op alle smartphones, tablets en desktopapparaten.
jQuery Mobile is gemaakt op jQuery en de gebruikersinterface van jQuery voor het weergeven van verschillende speciale effecten, het afhandelen van Ajax-verzoeken / -antwoorden, aanraakgebeurtenissen, samen met een verscheidenheid aan widgets.
Q # 21) Maak onderscheid tussen jquery.min.js en jquery.js
Antwoord: jquery.min.js en jquery.js hebben dezelfde functionaliteit, jquery.min.js heeft alle lege spaties verwijderd om het bestand kleiner te maken en sneller te laden, wat resulteert in scriptuitvoering.
Het verkleinen van JS-bestanden in een productieomgeving betekent dat ze sneller worden geladen en snelle en betere paginaprestaties opleveren.
Q # 22) Leg de mogelijkheid uit van de jQuery HTML-methode voor HTML- en XML-documenten.
Antwoord: De jQuery HTML-methode is niet beschikbaar voor XML-documenten, het werkt alleen voor HTML-documenten.
Q # 23) Leg de functionaliteit van jQuery UI (gebruikersinterface) uit.
Antwoord: jQuery UI is een jQuery-bibliotheek, die het mogelijk maakt om verschillende gebruikersinterfaceobjecten te bouwen, zoals meerdere recordlijsten waar de gebruikers bepaalde DOM-elementen kunnen selecteren, sorteren, slepen, neerzetten en de grootte ervan kunnen wijzigen.
UI-bibliotheek maakt ook ingebouwde widgets zoals automatisch aanvullen, selectievakjes, keuzerondjes, datumkiezer, menu, enz., En voegt een effect toe om een effect te verbergen, te tonen of om te schakelen en andere animaties.
Q # 24) Leg de functionaliteit uit van een gegevenstabel-plug-in voor jQuery.
Antwoord: Datatabel is een jQuery-plug-in die, wanneer toegepast op records, in tabelvorm wordt weergegeven.
We kunnen de gegevens sorteren op zowel enkele als meerdere kolommen, zoeken in het specifieke record, paginering toevoegen, records per pagina en navigeren door de records in een tabel. De gegevenstabel kan worden toegepast op statische gegevens, matrix, gegevens in JSON en AJAX-respons.
Q # 25) Leg de voordelen uit van het hosten van een jQuery van CDN.
Antwoord: Het hosten van jQuery van het Content Delivery Network (CDN) helpt bij hoge beschikbaarheid en hoge prestaties tegen lagere kosten en lage netwerkbelasting, verbeterde latentie (er wordt minder tijd genomen om een datapakket van de server te verzenden en te ontvangen), biedt een apparaatspecifieke versie van de inhoud.
Voorbeeld: Reactievermogen voor mobiele schermgrootte en beveiligde opslagcapaciteit voor gevoelige gegevens of bestanden.
Q # 26) Identificeer elk verschil tussen .detach () en .remove () van jQuery.
Antwoord: detach () methode van jQuery verwijdert het geselecteerde element, maar het behoudt gegevens en gebeurtenissen. .remove () methode van jQuery verwijdert elementen, gegevens en gebeurtenissen.
V # 27) Kan ik een jQuery-bibliotheek gebruiken voor serverscripting?
Antwoord: jQuery is een JavaScript-bibliotheek met scripts aan de clientzijde. Het kan niet worden gebruikt voor scripts op de server.
V # 28) Kunt u enkele situaties of scenario's geven voor het gebruik van jQuery?
Antwoord:
We kunnen jQuery gebruiken in de volgende situaties / scenario's:
- We kunnen een jQuery-functie toepassen die de statische of dynamische CSS-eigenschap kan wijzigen.
- We kunnen functies aanroepen voor evenementen zoals formuliergebeurtenissen, toetsenbordgebeurtenissen, muisgebeurtenissen, browsergebeurtenissen met behulp van jQuery.
- We kunnen DOM-elementen manipuleren (toevoegen, bewerken of verwijderen) met behulp van jQuery.
- jQuery kan worden gebruikt voor animatie-effecten op het HTML-element door de statische positie geleidelijk naar een andere positie te veranderen.
Q # 29) Maak een lijst van de vier parameters die worden gebruikt voor de jQuery Ajax-methode.
Antwoord: URL-adres waarnaar het verzoek wordt verzonden, Type verzoek, namelijk GET of POST, Gegevens / inhoud die naar de server moet worden verzonden en voorwaarde voor de browser om de opgevraagde pagina al dan niet in de cache te plaatsen, zijn de vier parameters die worden gebruikt voor de jQuery Ajax-methode.
Q # 30) Leg de functionaliteit van het jQuery-filter uit.
Antwoord: .filter () in jQuery zal controleren op het overeenkomende element en het attribuut kan worden toegevoegd aan het overeenkomende element.
Voor het .filter () kan het bijvoorbeeld zijn zoals hieronder aangegeven.
Regel code in jQuery.filter () API om lijstelementen te vinden / uit te filteren is zoals hieronder.
Het resultaat van de bovenstaande methodeaanroep is een gele achtergrond voor teksten Natuurkunde, Wiskunde, Geschiedenis, Frans, enz. Die op index 0, 2, 4 enzovoort staat (onthoud dat index begint bij 0, dus 0 is een even) als weergegeven in de afbeelding hieronder.
V # 31) Welk speciaal teken wordt gebruikt als een snelkoppeling voor jQuery?
Antwoord: $ wordt gebruikt in de plaats van jQuery,
Voorbeeld: jQuery (document) .ready (function (); kan worden gebruikt als $ (document) .ready (function ()
Q # 32) Leg de verschillende manieren uit waarop we jQuery kunnen debuggen.
Antwoord: Er zijn enkele manieren waarop we jQuery-code kunnen debuggen.
Moderne browsers zoals Google Chrome, Mozilla Firefox, Opera en Safari hebben een ingebouwde Javascript-debugger. Om de jQuery-code te debuggen, drukt u op F12 op uw toetsenbord en de browser met de ingebouwde debugger opent een gebruikersinterface, waarin u het ‘Console’ -menu selecteert. De fout wordt indien aanwezig weergegeven in het consolemenu.
U kunt console.log () in de code schrijven om de fouttekst te krijgen, u kunt ook debugger schrijven; tussen de coderegel, vanwege debugger, start het script in debug-modus, door op F12 in de browser te drukken wordt de console geopend die de code zal debuggen, door op F10 te drukken, worden waarden van de jQuery-objecten gelezen, en dit is hoe we jQuery-code kunnen debuggen .
V # 33) Leg de mogelijke manieren uit waarop we jQuery op een pagina kunnen opnemen.
Antwoord: U kunt de gecomprimeerde productieversie jquery-3.4.1.min.js downloaden van https://jquery.com/download/ site, en het opslaan in de map lib onder de projectmap.
html interviewvragen en antwoorden voor eerstejaarsstudenten
ik) We kunnen verwijzen naar jQuery vanuit de lokale map op project / lib / Scripts, zoals hieronder.
ii) We kunnen verwijzen vanaf netwerksites voor contentlevering, zoals Microsoft CDN, zoals hieronder.
Q # 34) Leg de functionaliteit uit van de .each () methode in jQuery.
Antwoord: jQuery .each () wordt gebruikt om het DOM-element dat aanwezig is in het jQuery-object te herhalen / weergeven.
Voorbeeld
Q # 35) Maak onderscheid tussen .prop () en .attr () methoden van jQuery.
Antwoord: Hieronder volgt het verschil tussen .prop () en .attr ().
Voorbeeld:
software die op een computer is geïnstalleerd en wordt gebruikt om virtuele machines te beheren
jQuery-code bevat de attr () - methode die attribuutwaarden van een afbeelding wijzigt zoals hieronder getoond.
.attr () methode van jQuery verandert attributen zoals breedte en rand van de afbeelding.
$ (selector) .attr (attribuut van het element, waarde waarnaar attributen worden gewijzigd).
.prop () methode in jQuery wordt gebruikt om DOM-eigenschappen zoals aangevinkt, geselecteerd of uitgeschakeld te retourneren en te wijzigen.
Voor invoertype als een selectievakje is de waarde roze en is de DOM-eigenschap aangevinkt,
jQuery-code bevat prop () - methode die de weergave-eigenschap van een element wijzigt.
.attr () methode helpt ons om een waarde te selecteren die hier “roze” is, terwijl .prop () methode een eigenschap selecteert die hier “aangevinkt” is.
Q # 36) Leg de functionaliteit van jQuery.noConflict uit.
Antwoord: De methode noConflict () van jQuery wordt toegepast om conflicten op te lossen wanneer we andere frameworks dan jQuery moeten gebruiken.
Bijvoorbeeld, veel JavaScript-bibliotheken zoals Mootools, prototype, zepto, enz. gebruiken $, een functie- of variabelenaam, die wordt gebruikt als vervanging van tekst jQuery in de jQuery-code, en in dergelijke gevallen staat de methode .noConflict () toe om $ te gebruiken snelkoppelings-ID, door andere scripts toe te staan het te gebruiken.
Q # 37) Maak onderscheid tussen width () versus css (‘width’) in jQuery.
Antwoord: Er zijn twee verschillende methoden in jQuery om de breedte van een element te wijzigen. De eerste manier is om .css (property) te gebruiken en de andere manier is om .property () te gebruiken.
Voorbeeld:
In .css (eigenschap) die in dit geval breedte is, moeten we px toevoegen in de waarde_wijziging, zeg 300px.
We kunnen .property (value_change) gebruiken, wat in dit geval de breedte is, en je hoeft geen px toe te voegen, maar directe waarde.
Q # 38) Waar kunnen we de param () methode in jQuery toepassen?
Antwoord: We kunnen een array, gewoon object of jQuery-object weergeven in de vorm van een stroom bytes, zodat ze kunnen worden opgeslagen in het geheugen, bestand of database met behulp van de param () - methode in jQuery.
Q # 39) Maak onderscheid tussen $ (this) en this in jQuery.
Antwoord: $ (this) is een jQuery-object, terwijl dit de globale objectreferentie van JavaScript is, met behulp hiervan kunnen we het DOM-element in een HTML-document verwijzen.
$ (this) verwijst naar het bovenliggende object, terwijl dit verwijst naar een DOM-element, dat in het geval van een array een object vertegenwoordigt met de .each () -methode, die de huidige iteratie weergeeft.
Q # 40) Beschrijf de functionaliteit van cookies lezen, cookies schrijven en cookies verwijderen in jQuery.
Antwoord: Bij het bezoeken van websites zijn cookies datawaarden zoals de naam van de gebruiker die in kleine tekstbestanden op de computer worden opgeslagen. Bij het opnieuw bezoeken van websites helpen de cookies om de naam van de gebruiker te onthouden. JavaScript en jQuery maken, lezen en verwijderen cookies met de eigenschap document.cookie.
V # 41) Wat is het gebruik van de methode serialize () in jQuery?
Antwoord: Het serialiseert de formulierwaarden zodat de geserialiseerde waarden kunnen worden gebruikt in de URL-queryreeks tijdens het maken van een AJAX-verzoek.
.serialize () methode van jQuery retourneert de invoerwaarden van het HTML-formulier in de vorm van een string.
Q # 42) Wat is het gebruik van de val () methode in jQuery?
Antwoord: .val () methode helpt om de waarde van een attribuut van een HTML-element te vinden. Bijvoorbeeld, vormelementen als input, select en textarea. Val () wordt ook toegepast om de waarde van alle overeenkomende elementen te vinden uit selectievakjes en keuzerondjes, evenals een vervolgkeuzelijst.
Voorbeeld uitgelegd met syntaxis
Q # 43) Wat is Method Chaining in jQuery? Welke voordelen biedt het?
Antwoord: Met jQuery-methodeketting kunnen meerdere acties worden toegepast op een enkele regel code, aangezien alle methoden jQuery-objecten retourneren die kunnen worden gebruikt om een andere methode aan te roepen.
Zonder chaining worden jQuery-methoden de een na de ander op een aparte regel genoemd, terwijl bij chaining jQuery-methoden worden geschreven in een door punten gescheiden enkele regel code.
Zonder meerdere regels code die moeten worden geschreven aan elkaar te koppelen, waardoor jQuery de hele DOM doorzoekt naar overeenkomend element, worden enkele methoden in elke regel code toegepast. Terwijl Chaining slechts een eenmalige selectie van een gekoppeld element uit DOM nodig heeft, door betere prestaties te leveren.
Q # 44) Wat is het verschil tussen jQuery.get () en jQuery.ajax ()?
Antwoord: De methode jQuery.ajax () wordt gebruikt om HTTP Ajax-verzoeken te verzenden, terwijl de methode jQuery.get () wordt gebruikt om HTTP GET-verzoeken te verzenden om gegevens van de server te laden.
Q # 45) Wat is QUnit?
Antwoord: QUnit is een raamwerk dat JavaScript-code test die is geschreven voor jQuery, jQuery UI en jQuery Mobile, beweringen en testopstellingen gebruikt om de verwachte resultaten te verifiëren.
V # 46) Hoe jQuery gegevens opslaat met betrekking tot een element?
Antwoord: De methode jQuery.data () helpt bij het koppelen van elk type gegevens aan DOM-elementen, vrij van geheugenlekken. jQuery zorgt ervoor dat gegevens worden verwijderd samen met de DOM-elementen die zijn verwijderd via jQuery-methoden.
Code voor het opslaan en ophalen van gegevens met betrekking tot een element.
V # 47) Kunt u de verschillende procedures uitleggen voor het extraheren van een queryreeks met reguliere expressies?
Antwoord: We kunnen op de volgende twee manieren een queryreeks extraheren met een reguliere expressie.
- String-gebaseerde aanpak: Deze methode helpt bij het afleiden van String door equivalente reguliere expressie te vergelijken met de methode .replace ().
- Reguliere expressie aanpak: Er moet een zeer krachtige methode worden gebruikt om een queryreeks en -patroon te extraheren, die wordt vergeleken met tekenreeksen in JavaScript. Gebruik .exec () en .test () methoden om te vergelijken met patronen. match (), matchAll (), replace (), search () en split () zijn enkele andere methoden voor String.
Q # 48) Leg het concept van de afwerkingsmethode in jQuery uit.
Antwoord: Om alle animaties in de wachtrij te stoppen en om ze te helpen in hun uiteindelijke staat te plaatsen, wordt de .finish () methode gebruikt.
Q # 49) Maak onderscheid tussen het aanroepen van stop (true, true) en de methode finish.
Antwoord: .finish () methode helpt bij het opruimen van de wachtrij en helpt de animaties om hun eindtoestand binnen te gaan, terwijl .stop () methode wordt aangeroepen voor een element, door de momenteel lopende animatie te dwingen onmiddellijk te stoppen.
V # 50) Hoe kun je een browserspecifieke code schrijven met jQuery?
Antwoord: We kunnen browserspecifieke code in jQuery schrijven met behulp van navigator.userAgent om de browser van Internet Explorer, Chrome, Firefox, Safari en Opera te identificeren, zoals de code hieronder is geschreven.
V # 51) Wat is de procedure om het gegevenstype van een willekeurige variabele in jQuery te controleren?
Antwoord: jQuery-functietype () wordt gebruikt om het gegevenstype van een variabele te identificeren, zoals een array, string, getal, functie of objectgegevenstype.
Gevolgtrekking
jQuery is een JavaScript-bibliotheek voor documentobjectmodelmanipulatie, voornamelijk gebruikt bij het doorlopen van HTML-documenten en cross-browser JavaScript-ontwikkeling die DOM- en Ajax-animaties maakt om browsergebeurtenissen te beheren.
Ik hoop dat je de antwoorden op de meest gestelde interviewvragen op ‘jQuery’ hebt gevonden om een enorme hulp te zijn. Oefen zoveel mogelijk vragen en wees zelfverzekerd.
Het allerbeste voor uw interview !!
Aanbevolen literatuur
- Interview vragen en antwoorden
- Vragen en antwoorden over ETL-tests
- 50 Topvragen en antwoorden op Salesforce tijdens sollicitatiegesprekken (Bijgewerkt 2021)
- Enkele lastige vragen en antwoorden voor handmatig testen
- Top 50 meest populaire CCNA interviewvragen en antwoorden
- Top 51 Bootstrap-interviewvragen en antwoorden
- Top 50+ Database Interview Vragen en antwoorden
- 25 Beste Agile Testing Interview Vragen en Antwoorden