Introduktion till jQuery-intervjufrågor och svar
jQuery är ett JavaScript-bibliotek som bygger på principen "skriv mindre, gör mer". Den är snabb, lätt och har rika funktioner. jQuery kommer tillsammans med enkla att använda API: er som gör en hel del uppgifter lättare för UI-utveckling som HTML-dokumentversion och manipulering, händelsehantering, lägg till animationseffekter till en webbsida som fungerar sömlöst över alla webbläsare. jQuery tillhandahåller väljare som gör det möjligt att köra DOM-trädet i ett HTML-dokuments struktur på ett effektivt sätt. Ajax-baserade applikationer kan byggas snabbt och enkelt med jQuery. Det finns flera inbyggda metoder för jQuery, med vilka vi kan skapa animationer och effekter som att skjuta, visa eller gömma element, etc med en enda kodrader.
Nedan är den vanligaste funktionen i jQueryintervjufrågor och svar från 2019:
Så du har äntligen hittat ditt drömjobb i jQuery men undrar hur du knäcker jQueryintervjun och vad som kan vara de troliga frågorna om jQueryintervju 2019. Varje intervju är annorlunda och omfattningen av ett jobb är också annorlunda. Med detta i åtanke har vi utformat de vanligaste jQuery-intervjufrågorna och svaren för att hjälpa dig att få framgång i din intervju. Dessa frågor är indelade i två delar är följande:
- Del 1 - Frågor om jQuery-intervjuer (grundläggande)
- Del 2 - Frågor om jQuery-intervjuer (avancerat)
Del 1 - Frågor om jQuery-intervjuer (grundläggande)
Den första delen omfattar grundläggande intervjufrågor och svar på jQuery-intervjuer
1. Definiera jQuery med dess kärnfunktioner?
Svar:
jQuery är ett snabbt och lätt JavaScript-bibliotek. Det förenklar många uppgifter som förbrukar mycket tid och kraft med standard JavaScript. Det förenklar snabb webbutveckling, Ajax-interaktioner, händelsehantering, animationer och HTML-dokumentövervakning och manipulation. De viktigaste kärnfunktionerna i jQuery är:
- DOM-manipulation - DOM-element kan enkelt korsas, ändras.
- Animationer - Massor av inbyggda animationer.
- AJAX- Hjälper mycket med att utveckla lyhörd och funktionsrik webbplats med AJAX.
- Lätt - cirka 19 kb i storlek.
- Eventhantering - Flera evenemang kan fångas enkelt med evenemangshanterare.
- Stöd för webbläsare - Fungerar bra med IE 6.0+, Safari, Chrome och Opera, Firefox.
2. Vad är väljarna i jQuery och hur många typer finns det?
Svar:
Väljarna används för att hitta HTML-elementen. En jQuery-väljare är en funktion som använder uttrycket för att ta reda på matchande element från en DOM baserat på ett givet kriterium. När vi väljer ett element kan vi utföra vissa åtgärder på dem. Grundläggande väljare är:
1) Namn: Väljer alla element som matchar det givna elementet Namn.
2). Klass: Väljer alla element som matchar den angivna klassen.
3) #ID: Väljer ett enda element som matchar det angivna ID.
4) Universal (*): Väljer alla tillgängliga element i en DOM.
5) Attributväljare: Välj element baserat på dess attributvärde.
Låt oss gå till nästa jQuery-intervjufrågor
3. Vad är den grundläggande skillnaden mellan funktionen kropp? Onload () och document.ready ()?
Svar:
Båda funktionerna skiljer sig åt varandra.
1) Det kan finnas mer än ett dokument.ready () -funktion på en enda sida medan endast en enhet. onload () -funktionen är tillåten.
2) funktionen document.ready () kallas så snart DOM laddas för en sida, medan body.onload () -funktionen anropas när allt laddas på en sida inklusive DOM, bilder och resurser som är associerade med sidan.
4. Vad är skillnaden mellan $ (detta) och 'detta' i jQuery?
Svar:
Detta är de vanliga jQueryintervjufrågor som ställs i en intervju. Båda refererar till samma element men skillnaden är att "detta" används på ett traditionellt sätt men när "detta" används med $ () blir det ett jQuery-objekt där vi kan använda funktionerna i jQuery.
Exempel:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
när bara "detta" nyckelord används kan vi använda funktionen jQuery text () för att få text till elementet, eftersom det inte är ett jQuery-objekt. När nyckelordet "detta" är inslaget i $ () kan vi använda jQuery-funktionstexten () för att få text till elementet.
5. Vad är de olika AJAX-funktionerna i jQuery?
Svar:
Med Ajax-samtal kan användaren utbyta data med en server och uppdatera delar av en sida utan att ladda hela sidan. Några av funktionerna i AJAX är följande:
1) $. Ajax (): Det anses vara den lägsta nivån och grundläggande för funktioner. Det används för att skicka förfrågningar. Denna funktion kan utföras utan en väljare.
2) $. AjaxSetup (): Denna funktion används för att definiera och ställa in alternativen för olika ajaxsamtal.
Till exempel:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Shorthand ajax-metoder: De består helt enkelt av omslagsfunktionen som kallar $ .ajax () med vissa parametrar som redan är inställda.
4) $ .getJSON (): Detta är en speciell typ av ordningsfunktion som används för att acceptera URL: en som förfrågningarna skickas till. Dessutom är valfria data och valfria återuppringningsfunktioner möjliga i sådana funktioner.
Del 2 - Frågor om jQuery-intervjuer (grundläggande)
Den första delen behandlar Advanced jQuery Interview Questions och svar
6. Vad är JQuery.no-konflikt?
Svar:
jQuery no-conflict är ett alternativ som ges av jQuery för att övervinna konflikterna mellan de olika js-ramarna eller biblioteken. När vi använder jQuery no-conflict-läge, ersätter vi $ till en ny variabel och tilldelar jQuery några andra JavaScript-bibliotek. Använd också $ som en funktion eller variabelnamn vad jQuery har. Och i vårt utvecklingsliv är vi inte alls strikt för den enda jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
Vi kan också använda din egen specifika karaktär på platsen för $ logga in i jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Vad är funktionen jQuery .each ()?
Svar:
Det är en allmän funktion som går igenom en samling. Om det finns Array-liknande objekt med en längdegenskap, kan de itereras med deras indexposition och värde. Andra objekt kan itereras med nyckelvärdeegenskaper. Denna funktion fungerar emellertid annorlunda än $ (väljaren) .each () -funktionen som fungerar på DOM-elementet med väljaren. Men båda upprepas över ett jQuery-objekt.
När vi skickar det array-liknande objektet till .each () -funktionen, kan återuppringningsfunktionen acceptera två argument: index för objektet, där index är det numeriska nollbaserade indexet i matrisen för aktuella objekt och objektet är värdet för den aktuella matrisen.
Exempel:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Låt oss gå till nästa jQuery-intervjufrågor
8. Vilka metoder används för att ge effekter i jQuery?
Svar:
jQuery ger många underbara effekter, vi kan tillämpa dessa effekter med en enkel konfiguration. Effekten kan dölja, visa, växla, fadeout, blekna in, blekna till och så vidare växla (), Visa () och dölja () metoder. På liknande sätt kan vi använda andra metoder som i följande:
- animera (params, (varaktighet, lättnad, återuppringning)) Denna funktion gör anpassade animationer för dina HTML-element.
- fadeIn (hastighet, (återuppringning)) Denna funktion bleknar i alla matchade element genom att justera deras opacitet och avfyra ett valfritt återuppringning efter avslutad.
- fadeOut (hastighet, (återuppringning)) Den här funktionen används för att tona ut alla matchade element genom att justera deras opacitet till 0 och sedan ställa in skärmen till "ingen" och avföra en valfri återuppringning efter avslutad.
- fadeTo (hastighet, opacitet, återuppringning) Denna funktion bleknar opaciteten för alla matchade element till en specificerad opacitet och avfyrar en valfri återuppringning efter avslutad.
- stop ((clearQueue, goto end)) Denna funktion stoppar alla animerade animationer.
9. Vilken är snabbare, document.getElementByID ('txtName') eller $ ('# txtName').?
Svar:
Detta är den populära jQuery-intervjufrågan som ställs i en intervju. jQuery-metoden för att välja txtName via "$ ('# txtName')" kommer internt att ringa till document.getElementByID ('txtName'). Eftersom jQuery är skriven ovanpå JavaScript och internt använder JavaScript, så är JavaScript alltid snabbt.
10.Vad är skillnaden mellan $ ('div') och $ ('') i jQuery?
Svar:
$ (''): Detta skapar ett nytt div-element. Men detta läggs inte till i DOM-trädet om vi inte lägger till det till något DOM-element, medan $ ('div') väljer alla div-element som finns på sidan.
Rekommenderad artikel
Detta har varit en guide till Lista över frågor och svar på jQuery-intervjuer så att kandidaten lätt kan slå ned dessa frågor om intervju av jQuery. den här artikeln innehåller alla toppuppsättningar av frågor om jQuery-intervju. Du kan också titta på följande artiklar för att lära dig mer-
- Användbara Jenkins intervjufrågor
- 10 avancerade AngularJS intervjufrågor
- Frågor om programvaruteknik
- Statistikintervjufrågor
- Jenkins vs Bamboo: Vilka är fördelarna?
- Jenkins vs Travis CI: Vilka är fördelarna?
- Jenkins vs TeamCity
- Översikt över jQuery Ajax-metoder