Introduktion til jQuery Interview Spørgsmål og svar
jQuery er et JavaScript-bibliotek, der er baseret på princippet "skriv mindre, gør mere". Det er hurtigt, let og indeholder rig. jQuery leveres sammen med brugervenlige API'er, der gør en masse opgaver lettere for UI-udvikling som HTML-dokumentovergang og -manipulation, begivenhedshåndtering, tilføjelse af animationseffekter til en webside, der fungerer problemfrit på tværs af alle webbrowsere. jQuery giver vælgere, der gør det muligt at gennemse DOM-træet i et HTML-dokuments struktur på en effektiv måde. Ajax-baserede applikationer kan bygge hurtigt og nemt med jQuery. Der er flere indbyggede metoder til jQuery, ved hjælp af hvilke vi kan oprette animationer og effekter som at glide, vise eller skjule elementer osv. Med en enkelt kodelinje.
Nedenfor er det mest almindelige træk i 2019 jQuery Interview Spørgsmål og svar:
Så du har endelig fundet dit drømmejob i jQuery, men spekulerer på, hvordan du knækker jQuery-intervjuet, og hvad der kan være de sandsynlige spørgsmål om jQuery-intervjuet i 2019. Hver samtale er forskellig, og omfanget af et job er også anderledes. Med dette i tankerne har vi designet de mest almindelige jQuery-interviewspørgsmål og svar for at hjælpe dig med at få succes i dit interview. Disse spørgsmål er opdelt i to dele er som følger:
- Del 1 - Spørgsmål om jQuery-interview (grundlæggende)
- Del 2 - Spørgsmål om jQuery-interview (avanceret)
Del 1 - Spørgsmål om jQuery-interview (grundlæggende)
Denne første del dækker grundlæggende jQuery-interviewspørgsmål og svar
1. Definer jQuery med dens kernefunktioner?
Svar:
jQuery er et hurtigt og let JavaScript-bibliotek. Det forenkler en masse opgaver, der bruger meget tid og kræfter med standard JavaScript. Det forenkler hurtig webudvikling, Ajax-interaktioner, begivenhedshåndtering, animationer og HTML-dokument gennemgang og manipulation. De vigtigste kerneegenskaber i jQuery er:
- DOM-manipulation - DOM-elementer kan let gennemgås, ændres.
- Animationer - Masser af indbyggede animationer.
- AJAX- Hjælp meget med at udvikle responsivt og funktionsrige sted ved hjælp af AJAX.
- Letvægt- Ca. 19 kb i størrelse.
- Begivenhedshåndtering - Flere begivenheder kan fanges let med begivenhedshåndterere.
- Cross-browser support - fungerer godt med IE 6.0+, Safari, Chrome og Opera, Firefox.
2. Hvad er vælgerne i jQuery, og hvor mange typer er der?
Svar:
Valgmaskiner bruges til at finde HTML-elementerne. En jQuery-vælger er en funktion, der gør brugen af udtrykket til at finde matchende elementer fra en DOM baseret på et givet kriterium. Når vi har valgt et element, kan vi udføre visse handlinger på dem. Grundlæggende vælgere er:
1) Navn: Vælger alle elementer, der matcher det givne element Navn.
2) .Klasse: Vælger alle elementer, der matcher den givne klasse.
3) #ID: Vælger et enkelt element, der matcher med det givne ID.
4) Universal (*): Vælger alle tilgængelige elementer i en DOM.
5) Attributvælger: Vælg elementer baseret på dets attributværdi.
Lad os gå til de næste spørgsmål om jQuery-interview
3. Hvad er den grundlæggende forskel mellem funktionen krop? Onload () og document.ready ()?
Svar:
Begge funktioner er forskellige med hinanden.
1) Der kan være mere end et dokument.ready () -funktion på en enkelt side, hvorimod kun et organ. onload () -funktion er tilladt.
2) function.ready () -funktionen kaldes, så snart DOM indlæses for en side, mens body.onload () -funktionen kaldes, når alt bliver indlæst på en side inklusive DOM, billeder og ressourcer, der er knyttet til siden.
4. Hvad er forskellen mellem $ (dette) og 'dette' i jQuery?
Svar:
Dette er de almindelige jQuery-interviewspørgsmål, der stilles i et interview. Begge refererer til det samme element, men forskellen er, at "dette" bruges på en traditionel måde, men når "dette" bruges med $ (), bliver det et jQuery-objekt, hvor vi kan bruge funktionerne i jQuery.
Eksempel:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
når kun “dette” nøgleord bruges, kan vi bruge funktionen jQuery text () til at få teksten til elementet, fordi det ikke er et jQuery-objekt. Når "dette" nøgleord er pakket ind i $ (), kan vi bruge jQuery-funktionsteksten () til at få teksten til elementet.
5. Hvad er de forskellige AJAX-funktioner i jQuery?
Svar:
Ajax-opkald giver brugeren mulighed for at udveksle data med en server og opdatere dele af en side uden at indlæse hele siden. Nogle af funktionerne i AJAX er som følger:
1) $. Ajax (): Det betragtes som det laveste niveau og grundlæggende af funktioner. Det bruges til at sende anmodninger. Denne funktion kan udføres uden en vælger.
2) $. AjaxSetup (): Denne funktion bruges til at definere og indstille mulighederne for forskellige ajax-opkald.
For eksempel:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Shorthand ajax-metoder: De består blot af indpakningsfunktionen, der kalder $ .ajax () med visse indstillede parametre.
4) $ .getJSON (): Dette er en speciel type stenografi-funktion, der bruges til at acceptere den URL, som anmodningerne sendes til. Desuden er valgfri data og valgfri tilbagekaldsfunktioner mulige i sådanne funktioner.
Del 2 - Spørgsmål om jQuery-interview (grundlæggende)
Denne første del dækker Advanced jQuery Interview Spørgsmål og svar
6. Hvad er JQuery.noConflict?
Svar:
jQuery no-conflict er en mulighed, som jQuery har givet til at overvinde konflikterne mellem de forskellige js-rammer eller biblioteker. Når vi bruger jQuery-ingen-konflikt-tilstand, udskifter vi $ til en ny variabel og tildeler jQuery nogle andre JavaScript-biblioteker. Brug også $ som en funktion eller et variabelnavn, hvad jQuery har. Og i vores udviklingsliv er vi slet ikke de eneste jQuery.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
Vi kan også bruge dit eget specifikke tegn i stedet for $ log ind i jQuery.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Hvad bruges jQuery .each () -funktionen?
Svar:
Det er en generel funktion, der går gennem en samling. Hvis der er Array-lignende objekter med en længdeegenskab, kan de iteres med deres indeksposition og værdi. Andre objekter kan iteres med nøgleværdige egenskaber. Denne funktion fungerer imidlertid forskelligt fra funktionen $ (vælger) .each (), der fungerer på DOM-elementet ved hjælp af vælgeren. Men begge itererer over et jQuery-objekt.
Når vi videresender det array-lignende objekt til .each () -funktionen, kan tilbagekaldsfunktionen acceptere to argumenter: indeks for elementet, hvor indekset er det numeriske nulbaserede indeks i matrixen af de aktuelle emner og elementet er værdien af det aktuelle array.
Eksempel:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Lad os gå til de næste spørgsmål om jQuery-interview
8. Hvilke metoder bruges til at give effekter i jQuery?
Svar:
jQuery giver mange vidunderlige effekter, vi kan anvende disse effekter med en simpel konfiguration. Effekten kan være skjult, visning, skifte, fadeout, fade in, fade to og så videre for at veksle (), Show () og skjul () metoder. Tilsvarende kan vi bruge andre metoder som i følgende:
- animere (params, (varighed, lempelse, tilbagekald)) Denne funktion laver tilpassede animationer til dine HTML-elementer.
- fadeIn (hastighed, (tilbagekald)) Denne funktion falmer i alle de matchede elementer ved at justere deres opacitet og udløse en valgfri tilbagekald efter afslutningen.
- fadeOut (hastighed, (tilbagekald)) Denne funktion bruges til at blegne alle de matchede elementer ved at justere deres opacitet til 0, derefter indstille displayet til “ingen” og afbryde en valgfri tilbagekald efter afslutningen.
- fadeTo (hastighed, opacitet, tilbagekald) Denne funktion falmer opaciteten for alle de matchede elementer til en specificeret opacitet og udløser en valgfri tilbagekald efter afslutningen.
- stop ((clearQueue, goto end)) Denne funktion stopper alle de aktuelt kørte animationer.
9. Hvilken er hurtigere, document.getElementByID ('txtName') eller $ ('# txtName').?
Svar:
Dette er det populære jQuery-interviewspørgsmål, der stilles i et interview. jQuery-metode til at vælge txtName via "$ ('# txtName')" foretager internt et opkald til document.getElementByID ('txtName'). Da jQuery er skrevet oven på JavaScript, og det internt bruger JavaScript, så JavaScript er altid hurtigt.
10.Hvad er forskellen mellem $ ('div') og $ ('') i jQuery?
Svar:
$ (''): Dette skaber et nyt div-element. Men dette føjes ikke til DOM-træet, medmindre vi ikke føjer det til noget DOM-element, mens $ ('div') vælger alle div-elementerne, der findes på siden.
Anbefalet artikel
Dette har været en guide til Liste over jQuery-interviewspørgsmål og-svar, så kandidaten let kan nedbryde disse jQuery-interviewspørgsmål. denne artikel indeholder alle topsæt med jQuery-interviewspørgsmål. Du kan også se på de følgende artikler for at lære mere-
- Nyttige Jenkins-interviewspørgsmål
- 10 avancerede AngularJS-interviewspørgsmål
- Spørgsmål om software-engineering-interview
- Spørgsmål om statistikintervju
- Jenkins vs Bamboo: Hvad er fordelene
- Jenkins vs Travis CI: Hvad er fordelene
- Jenkins vs TeamCity
- Oversigt over jQuery Ajax-metoder