50+ vanligaste jQuery-intervjufrågor och svar (Uppdaterad 2021)

Resultatet av ovanstående metodanrop är en gul bakgrund på punkterna A, B, 1, 2, 3 och C som visas i bilden nedan.

.find () -metoden markerar alla underordnade element i DOM-elementet som passeras.

Syntax i jQuery .children () API för att hitta element med

tagg med klass “nivå-2”.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Resultatet av ovanstående metodanrop är en gul bakgrund på punkterna A, B och C som visas i bilden nedan.



.children () -metoden väljer element på en nivå på DOM-elementet som passeras.

F # 14) Förklara olika typer av väljare och deras funktionalitet i jQuery.

Svar: jQuery-väljare används för att lokalisera / välja HTML-element från DOM-hierarkin baserat på deras attribut enligt listan nedan.

• namn
• id
• klass
• typ
• värden

Grundläggande väljartyper är:

• namn
• ID
• Klassnamn
• Universalväljare som *, som väljer alla element i en DOM.
• Flera element. Exempel:
• ,

  ,.

• Attributväljare, Exempel: identifiera / välj element baserat på deras attribut som färg, typsnitt eller bakgrundsfärg.

Exempel på flera element och attributväljare i jQuery förklaras nedan.



I ovanstående jQuery-kod är klassattributet en väljare och teckensnittsfärgen på texten inuti HTML-taggelementet ändras till grönt. Den här koden påverkar / ändrar teckensnittsfärgen för texter i alla de element som har klassattribut.

F # 15) Skill mellan ID och klassväljaren i jQuery.

Svar: Varje HTML-element kan bara ha ett ID, med andra ord kan ett element identifieras med ett unikt ID, medan du kan använda samma klass på flera element.

Exempel på ID-väljare i jQuery för att dölja ett DOM-element med ett ID som attribut, säg element med ett ID som 'gold_coin'

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

Om du vill dölja, säg alla länkar som har sin klass som ”råa”,

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

F # 16) Förklara fördelarna med jQuery Ajax-metoder.

Svar: Ajax kan begära och ta emot data från servern utan att sidan laddas om igen med hjälp av DOM och JavaScript.

Fördelarna med att använda Ajax-metoder i jQuery listas nedan:

• Det gör att vi kan ta ut hela sidan på nytt och ger oss flexibiliteten att bara ladda en del av sidan.
• Enkelt API.
• Stöd för webbläsare.
• GET och POST stöds.
• Ladda upp JSON, XML, HTML eller skriptdokument.

F # 17) Skill mellan onload () och document.ready () jQuery-metoder.

Svar: Skillnaden mellan onload () och document.ready () -metoderna är att onload () -metoden för JavaScript kommer att ringas först efter att alla objekt i webbdokumentet visas / laddas helt.

Medan document.ready () -metoden anropas när DOM-strukturen laddas i dokumenten. document.ready () -metoden kallas mycket snabbt jämfört med onload () -metoden, eftersom den senare väntar tills bilderna visas helt.

F # 18) Förklara funktionaliteten för connect () -metoden för jQuery.

Svar: jQuery connect () är ett plugin som används för att ansluta / binda en funktion till en annan funktion genom att tilldela en hanterare. Vi kan använda en händelse av ett DOM-element med den här funktionen.

F # 19) Förklara kort plug-in för bootstrap och JavaScript.

Svar: Bootstrap är ett ramverk eller ett verktyg som innehåller HTML, CSS och JavaScript för att bygga en webbsida eller webbapplikation. Många av Bootstrap-komponenter kräver att Javascript-plugins fungerar.

F # 20) Förklara applikationerna för jQuery Mobile.

Svar: jQuery Mobile är en öppen källkod som är kompatibel med webbläsare och är utformad för att bygga mobila applikationer som är tillgängliga på alla smartphones, surfplattor och stationära enheter.

jQuery Mobile skapas på jQuery och användargränssnitt för jQuery för att återge olika specialeffekter, hantering av Ajax-begäran / -svar, pekhändelser, tillsammans med en mängd olika widgets.

F # 21) Skill mellan jquery.min.js och jquery.js

Svar: jquery.min.js och jquery.js har samma funktionalitet, jquery.min.js har alla tomma utrymmen borttagna för att göra filen mindre i storlek och snabbare att ladda vilket resulterar i skriptkörning.

Att ha JS-filer minifierade i en produktionsmiljö innebär att de laddas snabbare och ger snabbare och bättre sidprestanda.

F # 22) Förklara möjligheten till jQuery HTML-metod för HTML- och XML-dokument.

Svar: jQuery HTML-metoden är inte tillgänglig på XML-dokument, den fungerar bara för HTML-dokument.

F # 23) Förklara funktionaliteten i jQuery UI (användargränssnitt).

Svar: jQuery UI är ett jQuery-bibliotek som tillhandahåller olika användargränssnittsobjekt, till exempel flera postlistor där användarna kan välja, sortera, dra, släppa samt ändra storlek på vissa DOM-element.

UI-biblioteket skapar också inbyggda widgetar som automatisk komplettering, kryssruta, radioknappar, datapicker, meny etc. samt att lägga till en effekthud, visa eller växla och andra animationer.

F # 24) Förklara funktionaliteten hos ett Data Table-plugin-program för jQuery.

Svar: Datatabell är ett jQuery-plugin-program som när det tillämpas på poster visas i tabellform.

Vi kan sortera data över enstaka såväl som flera kolumner, söka i den specifika posten, lägga till pagination, poster per sida och navigera posterna i en tabell. Datatabellen kan tillämpas på statiska data, Array, data i JSON samt AJAX-svar.

F # 25) Förklara några av fördelarna med att vara värd för en jQuery från CDN.

Svar: Hosting jQuery från Content Delivery Network (CDN) hjälper till med hög tillgänglighet och hög prestanda till en lägre kostnad och låg nätverksbelastning, förbättrad latens (det tar mindre tid att skicka och ta emot ett datapaket från servern), erbjuda en enhetsspecifik version innehåll.

Exempel: Lyhördhet för mobil skärmstorlek och säker lagringskapacitet för känsliga data eller filer.

F # 26) Identifiera vilken skillnad som helst mellan .detach () och .remove () i jQuery.

Svar: detach () metod för jQuery tar bort det valda elementet, men det behåller data och händelser. .remove () -metoden för jQuery tar bort element, data samt händelser.

F # 27) Kan jag använda ett jQuery-bibliotek för serverskript?

Svar: jQuery är ett Javascript-bibliotek på klientsidan. Det kan inte användas för skriptserver på serversidan.

F # 28) Kan du ge några situationer eller scenarier för att använda jQuery?

Svar:

Vi kan använda jQuery i följande situationer / scenarier:

• Vi kan tillämpa en jQuery-funktion som kan ändra CSS statisk eller dynamisk egenskap.
• Vi kan anropa funktioner på händelser som formulärhändelser, tangentbordshändelser, mushändelser, webbläsarhändelser med hjälp av jQuery.
• Vi kan manipulera (lägga till, redigera eller ta bort) DOM-element med jQuery.
• jQuery kan användas för animeringseffekter på HTML-elementet genom att gradvis ändra sin statiska position till en annan position.

F # 29) Lista över de fyra parametrar som används för jQuery Ajax-metoden.

Svar: URL-adress där begäran skickas, typ av förfrågan, nämligen GET eller POST, data / innehåll som ska skickas till servern och villkor för webbläsaren att antingen tillåta eller inte cacha den begärda sidan är de fyra parametrarna som används för jQuery Ajax-metoden.

F # 30) Förklara jQuery-filtrets funktionalitet.

Svar: .filter () i jQuery söker efter det matchade elementet och attributet kan läggas till det matchade elementet.

Till exempel, för .filter () kan det vara som anges nedan.



Kodraden i jQuery.filter () API för att lokalisera / filtrera bort listelement är som nedan.

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

Resultatet av ovanstående metodanrop är en gul bakgrund för texter Fysik, matematik, historia, franska, etc. som ligger vid index 0, 2, 4 och så vidare (kom ihåg index börjar från 0, därmed 0 är ett jämnt) som visas på bilden nedan.



F # 31) Vilken specialtecken används som genväg för jQuery?

Svar: $ används i stället för jQuery,

Exempel: jQuery (document) .ready (function (); kan användas som $ (document) .ready (function ()

F # 32) Förklara olika sätt på vilka vi kan felsöka jQuery.

Svar: Det finns få sätt på vilket vi kan felsöka jQuery-kod.

Moderna webbläsare som Google Chrome, Mozilla Firefox, Opera och Safari har inbyggd Javascript-felsökning. För att felsöka jQuery-koden, tryck på F12 från tangentbordet och webbläsaren med den inbyggda felsökaren öppnar ett användargränssnitt, där du väljer menyn ”Konsol”. Felet visas i konsolmenyn om någon.

Du kan skriva console.log () i koden för att få feltexten, du kan också skriva felsökare; mellan kodraden, på grund av felsökning kommer skriptet att starta i felsökningsläge, genom att trycka på F12 i webbläsaren öppnas konsolen som felsöker koden, genom att trycka på F10 läses värdena för jQuery-objekten, och så här kan vi felsöka jQuery-koden .

F # 33) Förklara hur vi kan inkludera jQuery på en sida.

Svar: Du kan ladda ner komprimerad produktionsversion jquery-3.4.1.min.js från https://jquery.com/download/ site och spara den i lib-mappen under projektmappen.

i) Vi kan referera till jquery från den lokala mappen på projekt / lib / Scripts enligt nedan.

ii) Vi kan referera från webbplatser för innehållsleveransnätverk som Microsoft CDN enligt nedan.

F # 34) Förklara funktionaliteten hos .each () -metoden i jQuery.

Svar: jQuery .each () används för att iterera / lista DOM-elementet som finns i jQuery-objektet.

Exempel

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) Skilja mellan .prop () och .attr () metoder för jQuery.

Svar: Följande är skillnaden mellan .prop () och .attr ().

Exempel:



jQuery-kod innehåller attr () -metoden som ändrar attributvärden för en bild som visas nedan.



.attr () -metoden för jQuery ändrar attribut som bildens bredd och kant.

$ (selector) .attr (elementets attribut, värde som attribut ändras till).

.prop () -metoden i jQuery används för att returnera och ändra DOM-egenskaper som kontrollerat, valt eller inaktiverat tillstånd.

Pink


För inmatningstyp som kryssruta är värdet rosa och DOM-egenskapen markerad,



jQuery-kod innehåller metoden prop () som ändrar visningsegenskapen för ett element.



.attr () -metoden hjälper oss att välja ett värde som är 'rosa' här, medan .prop () -metoden väljer egenskap som 'markeras' här.

F # 36) Förklara funktionaliteten hos jQuery.noConflict.

Svar: noConflict () -metoden för jQuery används för att lösa konflikter när vi behöver använda ramar, förutom jQuery.

Till exempel, många JavaScript-bibliotek som Mootools, prototyp, zepto etc. använder $, en funktions- eller variabelnamn, som används som ersättning för text jQuery i jQuery-koden, och i sådana fall tillåter metoden .noConflict () att använda $ genvägsidentifierare genom att låta andra skript använda den.

F # 37) Skilja mellan bredd () vs css ('bredd') i jQuery.

Svar: Det finns två olika metoder i jQuery för att ändra bredden på ett element. Det första sättet är att använda .css (egendom) och det andra sättet är att använda .property ().

Exempel:

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

I .css (egenskap) som i detta fall är bredd måste vi lägga till px i value_change, säg 300px.

Vi kan använda .property (value_change), som i detta fall är bredd, och du behöver inte lägga till px, utan direkt värde.

F # 38) Var kan vi använda param () -metoden i jQuery?

Svar: Vi kan visa array, vanligt objekt eller jquery-objekt i form av en ström av byte så att de kan lagras i minne, fil eller databas med param () -metoden i jQuery.

F # 39) Skill mellan $ (detta) och detta i jQuery.

Svar: $ (detta) är ett jQuery-objekt, medan detta är en JavaScript-referens för globala objekt, med hjälp av detta kan vi hänvisa DOM-element i HTML-dokument.

$ (detta) hänvisar till det överordnade objektet, medan detta hänvisar till ett DOM-element, som i fallet med en matris representerar ett objekt med .each () -metoden som visar den aktuella iterationen.

F # 40) Beskriv funktionaliteten hos lästa kakor, skriv kakor och ta bort kakor i jQuery.

Svar: När webbplatser besöks är kakor datavärden som användarens namn som lagras i små textfiler på datorn. När du besöker webbplatser hjälper kakorna att komma ihåg användarens namn. JavaScript och jQuery skapar, läser och tar bort cookies med egenskapen document.cookie.

F # 41) Vad är användningen av metoden serialize () i jQuery?

Svar: Det serierar formulärvärdena så att de seriella värdena kan användas i URL-frågesträngen medan du gör en AJAX-begäran.

.serialize () -metoden för jQuery returnerar inmatningsvärdena för HTML-form i form av sträng.

F # 42) Vad använder val () metoden i jQuery?

Svar: .val () -metoden hjälper till att hitta värdet på ett attribut för HTML-element. Till exempel, formelement som inmatning, markering och textarea. Val () används också för att hitta värdet på alla matchade element från kryssrutor och alternativknappar samt en rullgardinslista.

Exempel förklaras med syntax

// 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) Vad är metodkedjning i jQuery? Vilka fördelar erbjuder den?

Svar: Med jQuery-metodkedjning kan flera åtgärder tillämpas på en enda kodrad, eftersom alla metoder returnerar jQuery-objekt som kan användas för att anropa en annan metod.

Utan kedja kallas jQuery-metoder efter varandra i en separat rad, medan med kedja skrivs jQuery-metoder i en punktavgränsad kodrad.

sql frågor öva frågor med svar

Utan att kedja flera kodrader som behöver skrivas, vilket gör jQuery att söka i hela DOM efter matchade element, tillämpas sedan enstaka metoder i varje kodrad. Medan kedja bara behöver ett engångsval av ett matchat element från DOM, genom att göra bättre prestanda.

F # 44) Vad är skillnaden mellan jQuery.get () och jQuery.ajax ()?

Svar: Metoden jQuery.ajax () används för att skicka HTTP Ajax-förfrågningar, medan metoden jQuery.get () används för att skicka HTTP GET-förfrågningar för att ladda data från servern.

F # 45) Vad är QUnit?

Svar: QUnit är ett ramverk som testar JavaScript-kod skriven för jQuery, jQuery UI och jQuery Mobile, använder påståenden och testarmaturer för att verifiera de förväntade resultaten.

F # 46) Hur lagrar jQuery data relaterade till ett element?

Svar: Metoden jQuery.data () hjälper till att fästa alla typer av data till DOM-element, utan minnesläckage. jQuery ser till att data tas bort tillsammans med DOM-element som tas bort via jQuery-metoder.

Kod för lagring och hämtning av data relaterade till ett element.

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

F # 47) Kan du förklara de olika procedurerna för att extrahera en frågesträng med reguljära uttryck?

Svar: Vi kan åstadkomma extrahering av en frågesträng med reguljärt uttryck på följande två sätt.

1. Strängbaserad strategi: Den här metoden hjälper till att härleda sträng genom att jämföra motsvarande reguljärt uttryck med metoden .replace ().
2. Regelbunden uttrycksmetod: En mest kraftfull metod för att extrahera en frågesträng och ett mönster måste användas som jämförs med strängar i JavaScript. Använd .exec () och .test () metoder för att jämföra med mönster. match (), matchAll (), ersätt (), search () och split () är andra få metoder för String.

F # 48) Förklara begreppet finish-metoden i jQuery.

Svar: För att stoppa alla animationer i kö och för att hjälpa dem att placera i sitt slutliga tillstånd används .finish () -metoden.

F # 49) Skillnad mellan anropstopp (sant, sant) och avslutningsmetod.

Svar: .finish () -metoden hjälper till att rensa kön och hjälper animationerna att komma in i sitt slutläge, medan .stop () -metoden kallas på ett element genom att tvinga animeringen som för närvarande körs att stoppa omedelbart.

F # 50) Hur kan du skriva en webbläsarspecifik kod med jQuery?

Svar: Vi kan skriva webbläsarspecifik kod i jQuery med hjälp av navigator.userAgent för att identifiera webbläsaren från Internet Explorer, Chrome, Firefox, Safari och Opera, som koden skriven nedan.

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) Vad är proceduren för att kontrollera datatypen för en variabel i jQuery?

Svar: jQuery-funktionstyp () används för att identifiera datatypen för alla variabler som en matris, sträng, nummer, funktion eller objekttyp.

Slutsats

jQuery är ett dokumentobjektmanipulerings JavaScript-bibliotek, som huvudsakligen används i HTML-dokumentkorsning och JavaScript-utveckling över webbläsare som skapar DOM- och Ajax-animationer för att hantera webbläsarhändelser.

Hoppas att du tyckte att svaren på de vanligaste intervjufrågorna om 'jQuery' var till stor hjälp. Öva så många frågor som möjligt och vara säker.

Allt det bästa för din intervju !!

Rekommenderad läsning

• Intervjufrågor och svar
• ETL Testing Intervju Frågor och svar
• 50 populära Salesforce-intervjufrågor och svar (Uppdaterad 2021)
• Några knepiga manuella testfrågor och svar
• Topp 50 mest populära CCNA-intervjufrågor och svar
• Topp 51 Bootstrap intervjufrågor och svar
• Topp 50+ frågor och svar om databasintervjuer
• 25 bästa intervjuer och svar på Agile Testing