50+ mest almindelige spørgsmål og svar til jQuery-interview (Opdateret 2021)

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 med

tag 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.

1. Strengbaseret tilgang: Denne metode hjælper med at udlede String ved at sammenligne ækvivalent regulært udtryk ved hjælp af .replace () -metoden.
2. 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