Introduksjon til spørsmål og svar på jQuery-intervju

jQuery er et JavaScript-bibliotek som er basert på prinsippet "skriv mindre, gjør mer". Den er rask, lett og har rike funksjoner. jQuery kommer sammen med brukervennlige API-er som gjør mange oppgaver lettere for UI-utvikling som HTML-dokumentoverføring og -manipulering, hendelseshåndtering, og legger til animasjonseffekter på en webside som fungerer sømløst over alle nettlesere. jQuery gir velgere som gjør det mulig å krysse DOM-treet i et HTML-dokuments struktur på en effektiv måte. Ajax-baserte applikasjoner kan bygge raskt og enkelt med jQuery. Det er flere innebygde metoder for jQuery, der vi kan lage animasjoner og effekter som å skyve, vise eller skjule elementer osv. Med en enkelt kodelinje.

Nedenfor er det vanligste innslaget i 2019 og spørsmål om jQuery-intervju:

Så du har endelig funnet drømmejobben din i jQuery, men lurer på hvordan du kan knekke jQuery-intervjuet, og hva som kan være de sannsynlige spørsmål om jQuery-intervjuet i 2019. Hvert intervju er forskjellig, og omfanget av en jobb er også annerledes. Med dette i bakhodet har vi designet de vanligste jQuery-intervjuet spørsmål og svar for å hjelpe deg med å få suksess i intervjuet. Disse spørsmålene er delt inn i to deler er som følger:

  • Del 1 - Spørsmål om jQuery-intervju (grunnleggende)
  • Del 2 - Spørsmål om jQuery-intervju (avansert)

Del 1 - Spørsmål om jQuery-intervju (grunnleggende)

Denne første delen dekker grunnleggende spørsmål om svar på jQuery-intervju

1. Definer jQuery med kjernefunksjonene?

Svar:
jQuery er et raskt og lett JavaScript-bibliotek. Det forenkler mange oppgaver som bruker mye tid og krefter med standard JavaScript. Det forenkler rask nettutvikling, Ajax-interaksjoner, hendelseshåndtering, animasjoner og HTML-dokumentoverføring og -manipulering. De viktigste kjernefunksjonene i jQuery er:

  • DOM-manipulasjon - DOM-elementer kan lett krysses, modifiseres.
  • Animasjoner - Mange innebygde animasjoner.
  • AJAX- Hjelp mye med å utvikle responsivt og funksjonsrikt nettsted ved hjelp av AJAX.
  • Lett - ca 19 kb i størrelse.
  • Håndtering av hendelser - Flere hendelser kan fanges enkelt med hendelseshåndterere.
  • Støtte på tvers av nettlesere - Fungerer bra med IE 6.0+, Safari, Chrome og Opera, Firefox.

2. Hva er velgerne i jQuery, og hvor mange typer er det?

Svar:
Velgere brukes til å finne HTML-elementene. En jQuery-velger er en funksjon som gjør bruken av uttrykket for å finne matchende elementer fra en DOM basert på et gitt kriterium. Når vi har valgt et element, kan vi utføre visse operasjoner på dem. Grunnvalgere er:
1) Navn: Velger alle elementer som samsvarer med det gitte elementet Navn.
2) .Klasse: Velger alle elementer som samsvarer med den gitte klassen.
3) #ID: Velger et enkelt element som samsvarer med den gitte IDen.
4) Universal (*): Velger alle tilgjengelige elementer i en DOM.
5) Attributtvelger: Velg elementer basert på attributtverdien.

La oss gå til de neste spørsmålene om jQuery-intervju

3. Hva er den grunnleggende forskjellen mellom funksjonen body? Onload () og document.ready ()?

Svar:
Begge funksjonene er forskjellige med hverandre.
1) Det kan være mer enn ett dokument.ready () -funksjon på en enkelt side, mens bare ett organ. onload () -funksjon er tillatt.
2) document.ready () -funksjonen blir kalt så snart DOM er lastet inn for en side, mens body.onload () -funksjonen blir kalt når alt blir lastet på en side inkludert DOM, bilder og ressurser tilknyttet siden.

4. Hva er forskjellen mellom $ (dette) og 'dette' i jQuery?

Svar:
Dette er de vanlige spørsmålene om jQuery-intervju som stilles i et intervju. Begge refererer til det samme elementet, men forskjellen er at “dette” brukes på en tradisjonell måte, men når “dette” brukes med $ (), blir det et jQuery-objekt der vi kan bruke funksjonene til jQuery.

Eksempel:

$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));

når bare “dette” nøkkelordet brukes, kan vi bruke jQuery text () -funksjonen for å få teksten til elementet, fordi det ikke er et jQuery-objekt. Når "dette" nøkkelordet er pakket inn i $ (), kan vi bruke jQuery-funksjonsteksten () for å få teksten til elementet.

5. Hva er de forskjellige AJAX-funksjonene i jQuery?

Svar:
Ajax-samtale lar brukeren utveksle data med en server og oppdatere deler av en side uten å laste inn hele siden. Noen av funksjonene til AJAX er som følger:
1) $. Ajax (): Det anses å være det laveste nivået og grunnleggende av funksjoner. Den brukes til å sende forespørsler. Denne funksjonen kan utføres uten en velger.
2) $. AjaxSetup (): Denne funksjonen brukes til å definere og stille inn alternativene for forskjellige ajax-anrop.
For eksempel:

$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));

3) Shorthand ajax-metoder: De består av ganske enkelt innpakningsfunksjonen som kaller $ .ajax () med visse parametre som allerede er satt.
4) $ .getJSON (): Dette er en spesiell type korthansfunksjon som brukes til å godta URL-en som forespørslene sendes til. Valgfrie data og valgfrie tilbakeringingsfunksjoner er også mulig i slike funksjoner.

Del 2 - Spørsmål om jQuery-intervju (grunnleggende)

Denne første delen dekker Avanserte spørsmål om svar på jQuery-intervju

6. Hva er JQuery.noKonflikt?

Svar:
jQuery no-conflict er et alternativ gitt av jQuery for å overvinne konfliktene mellom de forskjellige js-rammene eller bibliotekene. Når vi bruker jQuery no-conflict mode, erstatter vi $ til en ny variabel og tildeler jQuery noen andre JavaScript-biblioteker. Bruk også $ som en funksjon eller variabelnavn hva jQuery har. Og i utviklingslivet vårt er vi overhodet ikke strenge for det eneste jQuery.

jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));

Vi kan også bruke ditt eget spesifikke tegn på stedet for $ logg inn i jQuery.

var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));

7.Hva er bruken av jQuery .each () -funksjon?

Svar:
Det er en generell funksjon som vil gå gjennom en samling. Hvis det er Array-lignende objekter med en lengdeegenskap, kan de iteres med deres indeksposisjon og verdi. Andre objekter kan iteres med nøkkelverdiegenskaper. Denne funksjonen fungerer imidlertid annerledes enn $ (selector) .each () -funksjonen som fungerer på DOM-elementet ved hjelp av velgeren. Men begge itererer over et jQuery-objekt.
Når vi sender det array-lignende objektet til .each () -funksjonen, kan tilbakeringingsfunksjonen godta to argumenter: indeks for elementet, der indeksen er den numeriske null-baserte indeksen i matrisen for de nåværende elementene og elementet er verdien av gjeldende matrise.

Eksempel:

$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));

La oss gå til de neste spørsmålene om jQuery-intervju

8. Hva er metodene som brukes for å gi effekter i jQuery?

Svar:
jQuery gir mange fantastiske effekter, vi kan bruke disse effektene med en enkel konfigurasjon. Effekten kan skjule, vise, veksle, fadeout, fade in, fade to og så videre å veksle (), Show () og skjul () metoder. På samme måte kan vi bruke andre metoder som i følgende:

  • animere (params, (varighet, lettelse, tilbakeringing)) Denne funksjonen lager tilpassede animasjoner for HTML-elementene dine.
  • fadeIn (hastighet, (tilbakeringing)) Denne funksjonen blekner i alle de matchede elementene ved å justere deres opacitet og avfyrer en valgfri tilbakeringing etter fullføring.
  • fadeOut (hastighet, (tilbakeringing)) Denne funksjonen brukes til å visne ut alle de matchede elementene ved å justere deres opacitet til 0, og deretter sette skjermen til “ingen” og avfyring av en valgfri tilbakeringing etter fullføring.
  • fadeTo (hastighet, opacitet, tilbakeringing) Denne funksjonen blekner opaciteten til alle de matchede elementene til en spesifisert opacitet og avfyrer en valgfri tilbakeringing etter fullføring.
  • stop ((clearQueue, goto end)) Denne funksjonen stopper alle animasjonene som for øyeblikket kjøres.

9. Hvilken er raskere, document.getElementByID ('txtName') eller $ ('# txtName').?

Svar:
Dette er det populære jQuery Interview-spørsmålet som stilles i et intervju. jQuery-metoden for å velge txtName via "$ ('# txtName')" ringer internt til document.getElementByID ('txtName'). Ettersom jQuery er skrevet på toppen av JavaScript og internt bruker JavaScript, så er JavaScript alltid raskt.

10. Hva er forskjellen mellom $ ('div') og $ ('') i jQuery?

Svar:
$ (''): Dette skaper et nytt div-element. Men dette er ikke lagt til DOM-treet med mindre vi ikke legger det til noe DOM-element, mens $ ('div') velger alle div-elementene som er til stede på siden.

Anbefalt artikkel

Dette har vært en guide til Liste over spørsmål og svar på jQuery-intervju, slik at kandidaten lett kan slå sammen disse spørsmålene om jQuery-intervju. denne artikkelen inneholder alle toppsettene med spørsmål om jQuery-intervju. Du kan også se på følgende artikler for å lære mer-

  1. Nyttige Jenkins intervjuspørsmål
  2. 10 avanserte AngularJS intervjuspørsmål
  3. Spørsmål om programvareteknikkintervju
  4. Spørsmål om statistikkintervju
  5. Jenkins vs Bamboo: Hva er fordelene?
  6. Jenkins vs Travis CI: Hva er fordelene
  7. Jenkins vs TeamCity
  8. Oversikt over jQuery Ajax Methods