50 most common jquery interview questions
Denne vejledning viser de hyppigst stillede jQuery Interview-spørgsmål og svar, der hjælper dig med at forberede dit kommende jQuery-interview:
Hvis du forbereder dig på et jQuery-interview, så er her de hyppigst stillede jQuery-interviewspørgsmål med svar og eksempler til din reference.
Vi har forsøgt at samle alle de mulige spørgsmål, som du sandsynligvis kan støde på under dit tekniske interview for at kontrollere din kompetence på jQuery.
Lad os udforske!
Hvad du lærer:
Hvad er jQuery?
jQuery er et dokumentobjektmodel manipulation JavaScript-bibliotek, der hovedsagelig bruges til styring og rejse over HTML-dokumenter, håndtering af webelementhændelser, specielle effekter på DOM- og Ajax-kommunikation og JavaScript-udvikling med flere browsere.
bedste gratis skærmbilledsoftware til Windows 10
jQuery er et let JavaScript-bibliotek, der indeholder følgende funktioner:
- HTML / DOM-manipulation
- CSS manipulation
- HTML begivenhedsmetoder
- Effekter og animationer
- AJAX
- Hjælpeprogrammer
Liste over de mest populære spørgsmål til jQuery-interview
Q # 1) Kan du forklare, hvad der er jQuery?
Svar: jQuery er et hurtigt, let og funktionsrige JavaScript-bibliotek. Det er nemt at bruge cross-browser-kompatibel API til HTML-dokumentgennemgang og manipulation, hændelseshåndtering, tilføjelse af animationseffekter til websider og hjælper med Ajax-interaktioner.
Q # 2) Kan du skelne mellem JavaScript og jQuery?
Svar: JavaScript er et open source-skriptsprog, der gør statiske websider til dynamiske sider, der bruges til at validere formulardata, inden de sendes til en server.
jQuery er et let, hurtigt javascript-bibliotek, browser-kompatibelt, der bruges til HTML-dokumentgennemgang og -manipulation, hændelseshåndtering, tilføjelse af animationseffekter til websider og hjælper med Ajax-interaktioner.
Q # 3) Forklar de forskellige jQuery-effektmetoder.
Svar: Metoden jQuery effects hjælper os med at tilføje nogle specielle effekter til HTML-elementer, der findes i DOM på websider, og disse metoder kan grupperes i fade, slide, skjul, show og specialeffekter.
Listen over jQuery-effektmetoder er angivet nedenfor.
- at vise(): Denne metode kan vise / vise det valgte element.
- skjule(): Denne metode skjuler det valgte element.
- skifte (): Denne metode hjælper med at skifte mellem show () og hide () -metoden for det valgte element.
- fadeIn (): Denne metode hjælper skjulte elementer på siden med at falme ind (vises), dvs. gøre skjulte elementer til et uigennemsigtigt element.
- svinde bort(): Denne metode hjælper med at skjule et element fra websiden ved at gøre det farvede element gennemsigtigt, med andre ord falmer det ud.
- fadeToggle (): Denne metode hjælper med at ændre tilstanden for det valgte element, dvs. skjult valgt element til synligt og synligt valgt element i det skjulte element.
- slideUp (): Denne metode kan hjælpe det valgte HTML-element med at glide opad.
- glide ned(): Denne metode kan hjælpe det valgte HTML-element med at glide nedad.
- slideToggle(): Denne metode hjælper med at ændre placeringen af det valgte element, dvs. valgt element, hvis det glides opad fra dets position, så glider det ned, og hvis det valgte element glider nedad fra dets position, glider det op.
- animeret (): Denne metode kan ændre valgte elementer fra en tilstand til en anden med CSS-stilarter. CSS-egenskabsværdien, såsom position, farve eller formændringer inden for et bestemt interval, hvilket resulterer i en animeret effekt.
Q # 4) Giv nogle eksempler på Ajax-metoder i jQuery.
Svar: Ajax hjælper med at sende og hente data samt ændre indholdet på websiden fra en server uden behov for hele siden genindlæst. jQuery Ajax-metoder såsom load (), get (), post () letter Ajax-opkald foretaget af applikationen.
Q # 5) Forklar funktionaliteten af Ajax () -metoden.
Svar: Ajax () -metoden sender asynkrone HTTP-anmodninger til serveren og modtager dataene fra serveren. Ajax () -metoden er værdifuld, da den giver mulighed for at specificere både succes og fiasko tilbagekald.
Q # 6) Forklar funktionaliteten af ajax load () -metoden.
Svar: Metoden load () sender HTTP-anmodninger om at indlæse data i form af HTML eller tekstindhold fra en server og placerer de returnerede data i de valgte DOM-element (er).
Q # 7) Udførlige jQuery Ajax-begivenheder.
Svar: Ajax-metoder udløser en begivenhedshåndterer, der resulterer i jQuery Ajax-begivenheder. Nogle af eksemplerne på jQuery Ajax-begivenheder er som angivet nedenfor.
Disse begivenheder er kategoriseret i lokale begivenheder og globale begivenheder.
- ajaxStart (): Det er en global begivenhed. Denne begivenhed udløses som et resultat af start af en Ajax-anmodning, forudsat at der ikke er nogen anden Ajax-anmodning, der kører i øjeblikket.
- beforeSend (): Det er en lokal begivenhed, som navnet antyder, påkaldes denne begivenhed, før Ajax-anmodningen starter, hvorved det er muligt at ændre XMLHttpRequest-objekter.
- ajaxSend (): Det er en global begivenhed, og denne begivenhed bliver kaldt, før Ajax-anmodningen køres.
- succes(): Det er en lokal begivenhed. Denne begivenhed udløses kun, hvis Ajax-anmodningen blev sendt med succes (dvs. under afsendelse af Ajax-anmodning viser begivenheden ikke nogen fejl fra serveren eller fra data).
- ajaxSuccess (): Det er en global begivenhed, der kun udløser, hvis den sendte anmodning blev gennemført.
- fejl(): Det er en lokal begivenhed, der udløses, hvis der opstår en fejl under udførelsen af anmodningen. (Du kan enten få en fejl eller en tilbagekaldelse, når du sender Ajax-anmodning)
- ajaxError (): Det er en global begivenhed, der opfører sig det samme som dens lokale modstykkefejl () begivenhed.
- komplet(): Det er en lokal begivenhed. Denne begivenhed bliver kaldt, uanset om anmodningen er vellykket eller resulterer i en fejl, og komplette tilbagekald modtages, selv for synkrone anmodninger.
- ajaxComplete (): Det er en global begivenhed, der opfører sig det samme som sin lokale modstykke komplette () begivenhed, selv for synkron anmodninger.
- ajaxStop (): Det er en global begivenhed, der udløses, når ingen Ajax-anmodninger stadig behandles / afventer behandling.
Q # 8) Forklar funktionaliteten af metoden ajaxComplete ().
Svar: AjaxComplete () bliver kaldt, uanset om anmodningen er vellykket eller resulterer i en fejl, og der modtages en komplet tilbagekaldelse, selv for synkrone anmodninger.
Q # 9) Forklar funktionaliteten af ajaxStart () -metoden.
Svar: AjaxStart () -hændelsen er en global begivenhed, der udløses som et resultat af starten af en Ajax-anmodning, forudsat at der ikke kører andre Ajax-anmodninger i øjeblikket.
Q # 10) Forklar nogle eksempler på begivenheder i jQuery.
Svar: Handlinger på HTML-elementer på tværs af websider er begivenheder i jQuery eller JavaScript, hvilket gør dynamiske websider.
Få eksempler på begivenheder er anført nedenfor.
- Klik med musen over et element såsom en knap.
- Afsendelse af inputelementværdier fra HTML-formularen.
- Nulstilling af formelement til deres standardværdier eller genindlæsning af en side.
- Ved at trykke eller skrive en eller flere taster på tastaturet.
- Rulning af websiden osv.
Q # 11) Forklar eksempler på nogle af kategorierne af jQuery-begivenheder.
Svar: jQuery-begivenheder kategoriseres på baggrund af deres typer:
- Mushændelser såsom klik og dblclick.
- Tastaturhændelser såsom keyup & keydown.
- Formhændelser såsom indsendelse, fokus og ændring.
- Dokument / vinduesbegivenheder såsom indlæs, aflæs og rul.
Q # 12) Forklar funktionaliteten af jQuery CSS () -metoden.
Svar: CSS () -metoden i jQuery bruges til at kontrollere den aktuelle værdi af stilegenskaben, tilføje eller ændre stilegenskaben for det valgte element. Med andre ord bruges metoden jQuery CSS () til at FÅ og INDSTIL DOM-elementets CSS-stilegenskaber.
Q # 13) Skel mellem find () og børn () metoder.
Svar: .find () og .children () bruges til at lokalisere barn af de matchede DOM-elementer. .find () bevæger sig til et hvilket som helst niveau ned, mens .children () rejser et enkelt niveau ned for at lokalisere elementet.
Lad os overveje følgende DOM-struktur i et HTML-dokument.
Syntaks i jQuery .find () API for at finde element i
$('li.item-li').find('li').css('background-color','yellow');
Resultatet af ovennævnte metodeopkald er en gul baggrund på punkt A, B, 1, 2, 3 og C som vist i nedenstående billede.
.find () -metoden vælger alle underordnede elementer i DOM-elementet, der krydses.
Syntaks i jQuery .children () API til at finde element medtag med klasse 'niveau-2'.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Resultatet af ovennævnte metodeopkald er en gul baggrund på punkterne A, B og C som vist på billedet nedenfor.
.children () -metoden vælger enkeltniveauer i det DOM-element, der gennemgås.
Q # 14) Forklar forskellige typer vælgere og deres funktionalitet i jQuery.
Svar: jQuery-vælgere bruges til at lokalisere / vælge HTML-elementer fra DOM-hierarkiet baseret på deres attributter som angivet nedenfor.
- navn
- id
- klasse
- type
- værdier
Grundlæggende vælgertyper er:
- Navn
- ID
- Klassens navn
- Universalvælger som *, som vælger alle elementer i en DOM.
- Flere elementer. Eksempel:
- ,
,.
- Attributvælger, Eksempel: identificer / vælg elementer baseret på deres attributter som farve, skrifttypestil eller baggrundsfarve.
Eksempel på flere elementer og attributvælgere i jQuery forklares nedenfor.
I ovenstående jQuery-kode er klasseattributten en vælger, og skriftfarven på teksten inde i HTML-tagelementet ændres til grøn. Denne kode vil påvirke / ændre skriftfarven på tekster inde i alle de elementer, der har klasseattributter.
Q # 15) Skel mellem ID og klassevælgeren i jQuery.
Svar: Hvert HTML-element kan kun have et ID, med andre ord, et element kan identificeres med et unikt ID, mens du kan bruge den samme klasse på flere elementer.
Eksempel på ID-vælger i jQuery for at skjule et DOM-element med et ID som attribut, sig element med et ID som 'gold_coin'
$('#gold_coin').hide();
Hvis du vil skjule dig, skal du sige alle links, der har klassen 'rå',
$('a.raw').hide();
Q # 16) Forklar fordelene ved jQuery Ajax-metoder.
Svar: Ajax kan anmode om og modtage data fra serveren uden sideindlæsning ved hjælp af DOM og JavaScript.
Fordelene ved at bruge Ajax-metoder i jQuery er angivet nedenfor:
- Det giver os mulighed for at fjerne hele siden genindlæsning og giver os fleksibiliteten til kun at indlæse en del af siden.
- Simpel API.
- Cross-browser support.
- FÅ og POST understøttet.
- Upload JSON, XML, HTML eller script-dokument.
Q # 17) Skel mellem onload () og document.ready () jQuery-metoder.
Svar: Forskellen mellem onload () og document.ready () -metoder er, at JavaScript-metoden onload () først kaldes, når alle objekterne i webdokumentet er vist / indlæst fuldstændigt.
Mens metoden document.ready () kaldes, når DOM-strukturen indlæses i dokumenterne. document.ready () -metoden kaldes meget hurtigt sammenlignet med onload () -metoden, da den senere venter, indtil billederne vises helt.
Q # 18) Forklar funktionaliteten af connect () -metoden til jQuery.
Svar: jQuery connect () er et plugin, der bruges til at forbinde / binde en funktion til en anden funktion ved at tildele en handler. Vi kan bruge en begivenhed i et DOM-element ved hjælp af denne funktion.
Spørgsmål nr. 19) Forklar kort bootstrap og JavaScript-plug-in.
Svar: Bootstrap er en ramme eller et værktøjssæt, der inkluderer HTML, CSS og JavaScript til at oprette en webside eller en webapplikation. Mange af Bootstrap-komponenter kræver, at Javascript-plugins fungerer.
Q # 20) Forklar applikationerne til jQuery Mobile.
Svar: jQuery Mobile er en open-source cross-browser-kompatibel ramme designet til at oprette mobile applikationer tilgængelige på alle smartphones, tablets og stationære enheder.
jQuery Mobile oprettes på jQuery og brugergrænseflade af jQuery til gengivelse af forskellige specialeffekter, håndtering af Ajax-anmodning / -svar, berøringshændelser sammen med en række widgets.
Q # 21) Skel mellem jquery.min.js og jquery.js
Svar: jquery.min.js og jquery.js har den samme funktionalitet, jquery.min.js har alle tomme mellemrum fjernet for at gøre filen mindre i størrelse og hurtigere at indlæse, hvilket resulterer i scriptudførelse.
At have JS-filer minificeret i et produktionsmiljø betyder, at de indlæses hurtigere og giver hurtig og bedre sideydelse.
Q # 22) Forklar muligheden for jQuery HTML-metode til HTML og XML-dokument.
Svar: jQuery HTML-metoden er ikke tilgængelig på XML-dokumenter, den fungerer kun for HTML-dokumenter.
Q # 23) Forklar funktionaliteten i jQuery UI (brugergrænseflade).
Svar: jQuery UI er et jQuery-bibliotek, der giver mulighed for at opbygge forskellige brugergrænsefladesobjekter, såsom flere postlister, hvor brugerne kan vælge, sortere, trække, slippe samt ændre størrelse på bestemte DOM-elementer.
UI-biblioteket opretter også indbyggede widgets som automatisk udfyldning, afkrydsningsfelt, radioknapper, datepicker, menu osv. Samt tilføjelse af en effekthud, vis eller skift og andre animationer.
Q # 24) Forklar funktionaliteten af et Data Table-plug-in til jQuery.
Svar: Datatabel er et jQuery-plugin, der, når det anvendes på poster, vises i tabelform.
Vi kan sortere data på tværs af enkelt såvel som flere kolonner, søge i den specifikke post, tilføje paginering, poster pr. Side og navigere poster i en tabel. Datatabel kan anvendes på statiske data, Array, data i JSON samt AJAX-respons.
Q # 25) Forklar nogen af fordelene ved at være vært for en jQuery fra CDN.
Svar: Hosting jQuery fra Content Delivery Network (CDN) hjælper med høj tilgængelighed og høj ydeevne til en lavere pris og lav netværksbelastning, forbedret ventetid (det tager mindre tid at sende og modtage en datapakke fra serveren), tilbyde en enhedsspecifik version af indholdet.
Eksempel: Respons på mobil skærmstørrelse og sikret lagerkapacitet til følsomme data eller filer.
Q # 26) Identificer enhver forskel mellem .detach () og .remove () af jQuery.
Svar: detach () metode til jQuery fjerner det valgte element, men det bevarer data og begivenheder. .remove () metode til jQuery fjerner elementer, data såvel som begivenheder.
Spørgsmål nr. 27) Kan jeg bruge et jQuery-bibliotek til serverscripting?
Svar: jQuery er et Javascript-bibliotek på klientsiden. Det kan ikke bruges til serverside-scripting.
Spørgsmål nr. 28) Kan du give nogle situationer eller scenarier for brug af jQuery?
Svar:
Vi kan bruge jQuery i følgende situationer / scenarier:
- Vi kan anvende en jQuery-funktion, der kan ændre CSS statisk eller dynamisk egenskab.
- Vi kan kalde funktioner på begivenheder såsom formhændelser, tastaturhændelser, musebegivenheder, browserhændelser ved hjælp af jQuery.
- Vi kan manipulere (tilføje, redigere eller slette) DOM-elementer ved hjælp af jQuery.
- jQuery kan bruges til animationseffekter på HTML-elementet ved gradvist at ændre dets statiske position til en anden position.
Q # 29) Angiv de fire parametre, der bruges til jQuery Ajax-metoden.
Svar: URL-adresse, hvor anmodningen sendes, Type anmodning, nemlig GET eller POST, Data / indhold, der skal sendes til serveren, og betingelse for, at browseren enten tillader eller ikke cache den anmodede side, er de fire parametre, der bruges til jQuery Ajax-metoden.
Q # 30) Forklar jQuery-filterets funktionalitet.
Svar: .filter () i jQuery vil kontrollere det matchede element, og attributten kan føjes til det matchede element.
For eksempel. For .filter () kan det være som angivet nedenfor.
Kodelinjen i jQuery.filter () API til at lokalisere / filtrere listeelementer er som nedenfor.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Resultatet af ovennævnte metodeopkald er en gul baggrund for tekster Fysik, matematik, historie, fransk osv., Der er ved indeks 0, 2, 4 og så videre (husk indeks starter fra 0, derfor er 0 lige) som vist på billedet nedenfor.
Q # 31) Hvilket specialtegn bruges som en genvej til jQuery?
Svar: $ bruges i stedet for jQuery,
Eksempel: jQuery (dokument). klar (funktion (); kan bruges som $ (dokument). klar (funktion ()
Q # 32) Forklar de forskellige måder, hvorpå vi kan fejle jQuery.
Svar: Der er få måder, hvorpå vi kan fejle jQuery-kode.
Moderne browsere som Google Chrome, Mozilla Firefox, Opera og Safari har indbygget Javascript-fejlfinding. For at debugge jQuery-koden skal du trykke på F12 fra dit tastatur, og browseren med den indbyggede debugger åbner et brugergrænseflade, hvor du vælger menuen 'Konsol'. Fejlen vises, hvis der er nogen i konsolmenuen.
Du kan skrive console.log () ind i koden for at få fejlteksten, du kan også skrive fejlfinding; imellem kodelinjen, på grund af debugger, starter scriptet i fejlretningstilstand, tryk på F12 i browseren åbner konsol, der debugger koden, ved at trykke på F10 læses værdierne for jQuery-objekterne, og det er sådan, vi kan debugge jQuery-koden .
Q # 33) Forklar de mulige måder, hvorpå vi kan inkludere jQuery på en side.
Svar: Du kan downloade komprimeret produktionsversion jquery-3.4.1.min.js fra https://jquery.com/download/ site og gemme den i lib-mappen under projektmappen.
jeg) Vi kan henvise til jquery fra den lokale mappe på projekt / lib / Scripts som nedenfor.
ii) Vi kan henvise fra websteder til indholdsleveringsnetværk såsom Microsoft CDN som nedenfor.
Q # 34) Forklar funktionaliteten af .each () -metoden i jQuery.
Svar: jQuery .each () bruges til at gentage / liste det DOM-element, der findes i jQuery-objektet.
Eksempel
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
Q # 35) Skel mellem .prop () og .attr () metoder til jQuery.
Svar: Følgende er forskellen mellem .prop () og .attr ().
Eksempel:
jQuery-kode indeholder attr () -metoden, der ændrer attributværdier for et billede som vist nedenfor.
.attr () -metoden til jQuery ændrer attributter som billedets bredde og kant.
$ (selector) .attr (elementets attribut, værdi, som attributter ændres til).
.prop () -metoden i jQuery bruges til at returnere og ændre DOM-egenskaber såsom markeret, valgt eller deaktiveret tilstand.
Pink
For inputtype som afkrydsningsfelt er værdien lyserød, og DOM-egenskab er markeret,
jQuery-kode indeholder prop () -metode, der ændrer displayelementet for et element.
.attr () -metoden hjælper os med at vælge en værdi, der er 'lyserød' her, hvorimod .prop () -metoden vælger egenskab, der er 'markeret' her.
Q # 36) Forklar funktionaliteten af jQuery.noConflict.
Svar: noConflict () -metoden til jQuery anvendes til at løse konflikter, når vi har brug for rammer, bortset fra jQuery.
For eksempel, mange JavaScript-biblioteker såsom Mootools, prototype, zepto osv. bruger $, en funktion eller et variabelnavn, der bruges som erstatning for tekst jQuery i jQuery-koden, og i sådanne tilfælde tillader metoden .noConflict () at bruge $ genvejsidentifikator ved at lade andre scripts bruge den.
Q # 37) Skel mellem bredde () vs css ('bredde') i jQuery.
Svar: Der er to forskellige metoder i jQuery til at ændre bredden på et element. Den første måde er at bruge .css (ejendom) og den anden måde er at bruge .property ().
Eksempel:
$(selector).css(property,value_change); $(selector).property(value_change);
I .css (ejendom), som i dette tilfælde er bredde, skal vi tilføje px i value_change, siger 300px.
Vi kan bruge .property (value_change), som i dette tilfælde er bredde, og du behøver ikke at tilføje px, men direkte værdi.
Q # 38) Hvor kan vi anvende param () metoden i jQuery?
Svar: Vi kan vise array, almindeligt objekt eller jquery-objekt i form af en strøm af bytes, så de kan gemmes i hukommelse, fil eller database ved hjælp af param () -metoden i jQuery.
Q # 39) Skel mellem $ (dette) og dette i jQuery.
Svar: $ (dette) er et jQuery-objekt, hvorimod dette er JavaScript's globale objektreference. Ved hjælp af dette kan vi henvise DOM-element i HTML-dokument.
$ (dette) henviser til det overordnede objekt, hvorimod dette henviser til et DOM-element, som i tilfælde af en matrix repræsenterer et objekt med .each () -metoden, der viser den aktuelle iteration.
Q # 40) Beskriv funktionaliteten af læste cookies, skriv cookies og slet cookies i jQuery.
Svar: Når websteder besøges, er cookies dataværdier som navnet på den bruger, der bliver gemt i små tekstfiler på computeren. Mens du besøger websteder, hjælper cookies med at huske brugerens navn. JavaScript og jQuery opretter, læser og sletter cookies med egenskaben document.cookie.
Q # 41) Hvad er brugen af serialize () -metoden i jQuery?
Svar: Det serierer formularværdierne, så dets serielle værdier kan bruges i URL-forespørgselsstrengen, mens der foretages en AJAX-anmodning.
.serialize () -metoden til jQuery returnerer inputværdierne for HTML-form i form af streng.
Q # 42) Hvad er brugen af val () metoden i jQuery?
Svar: .val () -metoden hjælper med at finde værdien af en attribut for HTML-element. For eksempel, formelementer som input, select og tekstarea. Val () anvendes også til at finde værdien af alle matchede elementer fra afkrydsningsfelter og radioknapper samt en rulleliste.
Eksempel forklaret med syntaks
// 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();
Spørgsmål nr. 43) Hvad er metodekædning i jQuery? Hvilke fordele tilbyder det?
Svar: Med jQuery-metodekædning kan flere handlinger anvendes på en enkelt kodelinje, da alle metoderne returnerer jQuery-objekter, der kan bruges til at kalde en anden metode.
Uden sammenkædning kaldes jQuery-metoder efter hinanden i en separat linje, mens jQuery-metoder skrives i en adskilt enkelt linie kode.
enhedstest vs integrationstesteksempel
Uden at kæde flere linjer med kode, der skal skrives, hvilket gør jQuery til at søge i hele DOM efter matchet element, så anvendes enkeltmetoder i hver kodelinje. Mens kæden kun behøver et engangsvalg af et matchet element fra DOM ved at opnå bedre ydeevne.
Q # 44) Hvad er forskellen mellem jQuery.get () og jQuery.ajax ()?
Svar: jQuery.ajax () -metoden bruges til at sende HTTP Ajax-anmodninger, mens metoden jQuery.get () bruges til at sende HTTP GET-anmodninger om at indlæse data fra serveren.
Q # 45) Hvad er QUnit?
Svar: QUnit er en ramme, der tester JavaScript-kode skrevet til jQuery, jQuery UI og jQuery Mobile, bruger påstande og testarmaturer til verificering af de forventede resultater.
Spørgsmål nr. 46) Hvordan gemmer jQuery data relateret til et element?
Svar: Metoden jQuery.data () hjælper med at vedhæfte enhver form for data til DOM-elementer uden hukommelseslækage. jQuery sørger for, at data fjernes sammen med DOM-elementerne fjernet via jQuery-metoder.
Kode til lagring og hentning af data relateret til et element.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
Spørgsmål nr. 47) Kan du forklare de forskellige procedurer til udpakning af en forespørgselsstreng med regulære udtryk?
Svar: Vi kan opnå udpakning af en forespørgselsstreng med regelmæssigt udtryk på følgende to måder.
- Strengbaseret tilgang: Denne metode hjælper med at udlede String ved at sammenligne ækvivalent regulært udtryk ved hjælp af .replace () -metoden.
- Regelmæssig udtryk tilgang: En mest kraftfuld metode til udpakning af en forespørgselsstreng og et mønster skal bruges, der sammenlignes med strenge i JavaScript. Brug .exec () og .test () metoder til sammenligning med mønstre. match (), matchAll (), erstat (), søg () og split () er andre få metoder til streng.
Q # 48) Forklar begrebet finish-metoden i jQuery.
Svar: For at stoppe alle animationer i køen og hjælpe dem med at placere i deres endelige tilstand anvendes .finish () -metoden.
Q # 49) Skel mellem opkaldsstop (sand, sand) og afslutningsmetode.
Svar: .finish () -metoden hjælper med at rydde køen og hjælper animationerne med at komme ind i deres sluttilstand, mens .stop () -metoden kaldes på et element ved at tvinge den kørende animation til at stoppe med det samme.
Spørgsmål nr. 50) Hvordan kan du skrive en browserspecifik kode ved hjælp af jQuery?
Svar: Vi kan skrive browserspecifik kode i jQuery ved hjælp af navigator.userAgent til at identificere browseren fra Internet Explorer, Chrome, Firefox, Safari og Opera, som koden skrevet nedenfor.
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. }
Q # 51) Hvad er proceduren for at kontrollere datatypen for en variabel i jQuery?
Svar: jQuery-funktionstype () bruges til at identificere datatypen for en hvilken som helst variabel, såsom en matrix, streng, nummer, funktion eller objektdatatype.
Konklusion
jQuery er et dokumentobjektmodul manipulering af JavaScript-bibliotek, der hovedsagelig bruges i HTML-dokumentkørsel og JavaScript-udvikling på tværs af browsere, der opretter DOM- og Ajax-animationer til at styre browserhændelser.
Håber du fandt svarene på de hyppigst stillede interviewspørgsmål om 'jQuery' til stor hjælp. Øv så mange spørgsmål som muligt og vær selvsikker.
Alt det bedste til dit interview !!
Anbefalet læsning
- Interviewspørgsmål og svar
- ETL Testing Interview Spørgsmål og svar
- 50 topspørgsmål og svar fra Salesforce-interview [Opdateret 2021]
- Nogle vanskelige manuelle testspørgsmål og svar
- Top 50 mest populære CCNA Interviewspørgsmål og svar
- Top 51 Bootstrap Interview Spørgsmål og svar
- Top 50+ spørgsmål og svar til databaseinterviews
- 25 bedste spørgsmål om svar på Agile Testing Interview og svar