50+ Vanlige jQuery-intervjuspørsmål og svar (Oppdatert 2021)

Resultatet av ovennevnte metodeanrop er en gul bakgrunn på elementene A, B, 1, 2, 3 og C som vist på bildet nedenfor.

.find () -metoden velger alle underordnede elementer i DOM-elementet som krysses.

Syntaks i jQuery .children () API for å finne element med

tag med klasse “level-2”.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Resultatet av ovennevnte metodeanrop er en gul bakgrunn på elementene A, B og C som vist på bildet nedenfor.



.children () -metoden velger enkeltnivåelementer i DOM-elementet som krysses.

Q # 14) Forklar forskjellige typer velgere og deres funksjonalitet i jQuery.

Svar: jQuery-velgerne brukes til å finne / velge HTML-elementer fra DOM-hierarkiet basert på attributtene som er oppført nedenfor.

• Navn
• id
• klasse
• type
• verdier

Grunnleggende velgertyper er:

• Navn
• ID
• Klassenavn
• Universalvelger som *, som velger alle elementene i en DOM.
• Flere elementer. Eksempel:
• ,

  ,.

• Attributtvelger, Eksempel: identifisere / velge elementer basert på deres attributter som farge, skriftstil eller bakgrunnsfarge.

Eksempel på flere elementer og attributtvelgere i jQuery, er forklart nedenfor.



I den ovennevnte jQuery-koden er klasseattributtet en velger, og skriftfargen på teksten inne i HTML-taggelementet blir endret til grønn. Denne koden vil påvirke / endre skriftfargen på tekster i alle elementene som har klasseattributter.

Q # 15) Skille mellom ID og klassevalg i jQuery.

Svar: Hvert HTML-element kan bare ha én ID, med andre ord, et element kan identifiseres med en unik ID, mens du kan bruke samme klasse på flere elementer.

Eksempel på ID-velger i jQuery for å skjule et DOM-element med en ID som attributt, si element med en ID som 'gold_coin'

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

Hvis du vil skjule deg, si at alle koblinger som har klassen 'rå',

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

Q # 16) Forklar fordelene med jQuery Ajax-metoder.

Svar: Ajax kan be om og motta data fra serveren uten sideoppdatering ved hjelp av DOM og JavaScript.

Fordelene med å bruke Ajax-metoder i jQuery er listet opp nedenfor:

• Det lar oss ta ut hele siden på nytt og gir oss muligheten til å laste bare en del av siden.
• Enkel API.
• Støtte for nettleser.
• FÅ og POST støttes.
• Last opp JSON, XML, HTML eller skriptdokument.

Q # 17) Skille mellom onload () og document.ready () jQuery-metoder.

Svar: Forskjellen mellom onload () og document.ready () -metoder er at onload () -metoden for JavaScript først blir ringt etter at alle objektene i nettdokumentet er fullstendig vist / lastet.

Mens metoden document.ready () blir kalt når DOM-strukturen blir lastet inn i dokumentene. document.ready () -metoden blir kalt veldig raskt sammenlignet med onload () -metoden, ettersom den senere venter til bildene vises helt.

Q # 18) Forklar funksjonaliteten til connect () -metoden til jQuery.

Svar: jQuery connect () er et plugin som brukes til å koble / binde en funksjon til en annen funksjon ved å tilordne en handler. Vi kan bruke en hendelse av et DOM-element ved hjelp av denne funksjonen.

Q # 19) Forklar kort plug-in for bootstrap og JavaScript.

Svar: Bootstrap er et rammeverk eller et verktøysett som inkluderer HTML, CSS og JavaScript for å bygge en webside eller en webapplikasjon. Mange av Bootstrap-komponenter krever Javascript-plugins for å fungere.

Q # 20) Forklar applikasjonene for jQuery Mobile.

Svar: jQuery Mobile er et åpen kildekode-kompatibelt rammeverk designet for å bygge mobile applikasjoner tilgjengelig på alle smarttelefoner, nettbrett og stasjonære enheter.

jQuery Mobile er opprettet på jQuery og brukergrensesnitt for jQuery for gjengivelse av forskjellige spesialeffekter, håndtering av Ajax-forespørsel / svar, berøringshendelser, sammen med en rekke widgets.

Q # 21) Skille mellom jquery.min.js og jquery.js

Svar: jquery.min.js og jquery.js har samme funksjonalitet, jquery.min.js har alle tomme mellomrom fjernet for å gjøre filen mindre i størrelse og raskere å laste, noe som resulterer i skriptutførelse.

Å ha JS-filer minifisert i et produksjonsmiljø betyr at de lastes raskere og gir rask og bedre sideytelse.

Q # 22) Forklar muligheten for jQuery HTML-metode for HTML og XML-dokument.

Svar: jQuery HTML-metoden er ikke tilgjengelig på XML-dokumenter, den fungerer bare for HTML-dokumenter.

Q # 23) Forklar funksjonaliteten til jQuery UI (brukergrensesnitt).

Svar: jQuery UI er et jQuery-bibliotek, som gir bygging av forskjellige brukergrensesnittobjekter, for eksempel flere postlister der brukerne kan velge, sortere, dra, slippe og endre størrelse på bestemte DOM-elementer.

UI-biblioteket oppretter også innebygde widgets som automatisk komplettering, avkrysningsrute, radioknapper, datapicker, meny osv., Samt å legge til en effekt skjul, vis eller bytt og andre animasjoner.

Q # 24) Forklar funksjonaliteten til en datatabell-plugin for jQuery.

Svar: Data Table er en jQuery-plugin-modul som når den brukes på poster vises i tabellform.

Vi kan sortere dataene over enkle så vel som flere kolonner, søke i den spesifikke posten, legge til paginering, poster per side og navigere postene i en tabell. Datatabellen kan brukes på statiske data, Array, data i JSON samt AJAX-respons.

Q # 25) Forklar noen av fordelene med å være vert for en jQuery fra CDN.

Svar: Hosting jQuery fra Content Delivery Network (CDN) hjelper til med høy tilgjengelighet og høy ytelse til en lavere pris og lav nettverksbelastning, forbedret ventetid (det tar mindre tid å sende og motta en datapakke fra serveren), tilby en enhetsspesifikk versjon av innholdet.

Eksempel: Respons for mobil skjermstørrelse, og sikret lagringskapasitet for sensitive data eller filer.

er det en app for å planlegge instagraminnlegg

Q # 26) Identifiser hvilken som helst forskjell mellom .detach () og .remove () av ​​jQuery.

Svar: detach () metode for jQuery fjerner det valgte elementet, men det beholder data og hendelser. .remove () metoden for jQuery fjerner elementer, data så vel som hendelser.

Sp # 27) Kan jeg bruke et jQuery-bibliotek til serverskripting?

Svar: jQuery er et Javascript-bibliotek på klientsiden. Den kan ikke brukes til skriptserver på serversiden.

Spørsmål nr. 28) Kan du gi noen situasjoner eller scenarier for bruk av jQuery?

Svar:

Vi kan bruke jQuery i følgende situasjoner / scenarier:

• Vi kan bruke en jQuery-funksjon som kan endre CSS statiske eller dynamiske egenskaper.
• Vi kan ringe funksjoner på hendelser som skjemahendelser, tastaturhendelser, mushendelser, nettleserhendelser ved hjelp av jQuery.
• Vi kan manipulere (legge til, redigere eller slette) DOM-elementer ved hjelp av jQuery.
• jQuery kan brukes til animasjonseffekter på HTML-elementet ved gradvis å endre den statiske posisjonen til en annen posisjon.

Q # 29) Liste over de fire parametrene som brukes til jQuery Ajax-metoden.

Svar: URL-adresse der forespørselen sendes, Type forespørsel, nemlig GET eller POST, Data / innhold som skal sendes til serveren og vilkår for at nettleseren enten tillater eller ikke cache den forespurte siden, er de fire parametrene som brukes for jQuery Ajax-metoden.

Q # 30) Forklar funksjonaliteten til jQuery-filteret.

Svar: .filter () i jQuery vil se etter det matchede elementet, og attributtet kan legges til det matchede elementet.

For eksempel. For filteret () kan det være som gitt nedenfor.



Kodelinjen i jQuery.filter () API for å finne / filtrere ut listeelementer er som nedenfor.

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

Resultatet av metoden ovenfor er en gul bakgrunn for tekstene Fysikk, matematikk, historie, fransk osv. Som er i indeks 0, 2, 4 og så videre, (husk indeks starter fra 0, derav 0 er et jevnt) som vist på bildet nedenfor.



Spørsmål nr. 31) Hvilket spesialtegn brukes som en snarvei for jQuery?

Svar: $ brukes i stedet for jQuery,

Eksempel: jQuery (dokument). klar (funksjon (); kan brukes som $ (dokument). klar (funksjon ()

Q # 32) Forklar de forskjellige måtene vi kan feilsøke jQuery på.

Svar: Det er få måter vi kan feilsøke jQuery-kode på.

Moderne nettlesere som Google Chrome, Mozilla Firefox, Opera og Safari har innebygd Javascript-feilsøking. For å feilsøke jQuery-koden, trykk F12 fra tastaturet, og nettleseren med den innebygde feilsøkingsprogrammet åpner et brukergrensesnitt, der du velger 'Konsoll' -menyen. Feilen vil vises i konsollmenyen, hvis noen.

Du kan skrive console.log () inn i koden for å få feilteksten, du kan også skrive feilsøking; i mellom kodelinjen, på grunn av feilsøkingsprogram, starter skriptet i feilsøkingsmodus, ved å trykke F12 inn i nettleseren, åpnes konsollen som vil feilsøke koden, ved å trykke F10 vil du lese verdiene til jQuery-objektene, og dette er hvordan vi kan feilsøke jQuery-koden .

Q # 33) Forklar de mulige måtene vi kan inkludere jQuery på en side.

Svar: Du kan laste ned komprimert produksjonsversjon jquery-3.4.1.min.js fra https://jquery.com/download/ site, og lagre den i lib-mappen under prosjektmappen.

Jeg) Vi kan referere til jquery fra den lokale mappen på project / lib / Scripts som nedenfor.

ii) Vi kan referere fra innholdsleveringsnettsteder som Microsoft CDN som nedenfor.

Q # 34) Forklar funksjonaliteten til .each () -metoden i jQuery.

Svar: jQuery .each () brukes til å gjenta / liste DOM-elementet som er tilstede 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) Skille mellom .prop () og .attr () metoder for jQuery.

Svar: Følgende er forskjellen mellom .prop () og .attr ().

Eksempel:



jQuery-kode inneholder attr () -metoden som endrer attributtverdier for et bilde som vist nedenfor.



.attr () -metoden for jQuery endrer attributter som bredde og kant på bildet.

$ (selector) .attr (attributt til elementet, verdien som attributter endres til).

.prop () -metoden i jQuery brukes til å returnere og modifisere DOM-egenskaper, slik som merket, valgt eller deaktivert tilstand.

Pink


For inndatatype som avkrysningsrute er verdien rosa og DOM-egenskap er merket,



jQuery-kode inneholder prop () -metoden som endrer visningsegenskapene til et element.



.attr () -metoden hjelper oss med å velge en verdi som er 'rosa' her, mens .prop () -metoden velger egenskap som 'sjekkes' her.

Q # 36) Forklar funksjonaliteten til jQuery.noConflict.

Svar: noConflict () -metoden for jQuery brukes for å løse konflikter når vi trenger å bruke rammer, bortsett fra jQuery.

For eksempel, mange JavaScript-biblioteker som Mootools, prototype, zepto, etc. bruker $, en funksjon eller et variabelnavn, som brukes som erstatning for tekst jQuery i jQuery-koden, og i slike tilfeller tillater .noConflict () -metoden å bruke $ snarveiidentifikator, ved å la andre skript bruke den.

Q # 37) Skille mellom bredde () vs css (‘bredde’) i jQuery.

Svar: Det er to forskjellige metoder i jQuery for å endre bredden på et element. Den første måten er å bruke .css (eiendom) og den andre måten er å bruke .property ().

Eksempel:

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

I .css (eiendom) som i dette tilfellet er bredde, må vi legge til px i value_change, si 300px.

Vi kan bruke .property (value_change), som i dette tilfellet er bredde, og du trenger ikke å legge til px, men direkte verdi.

Q # 38) Hvor kan vi bruke param () metoden i jQuery?

Svar: Vi kan vise array, vanlig objekt eller jquery-objekt i form av en strøm av byte, slik at de kan lagres i minne, fil eller database ved hjelp av param () -metoden i jQuery.

Q # 39) Skille mellom $ (dette) og dette i jQuery.

Svar: $ (dette) er et jQuery-objekt, mens dette er en JavaScript-objektets globale referanse. Ved å bruke dette kan vi referere DOM-element i HTML-dokument.

$ (dette) refererer til det overordnede objektet, mens dette refererer til et DOM-element, som i tilfelle en matrise representerer et objekt med .each () -metoden, som viser gjeldende iterasjon.

Q # 40) Beskriv funksjonaliteten til lest informasjonskapsler, skriv informasjonskapsler og slett informasjonskapsler i jQuery.

Svar: Når nettsteder besøkes, er informasjonskapsler dataverdier som navnet på brukeren som lagres i små tekstfiler på datamaskinen. Når du besøker nettsteder, hjelper informasjonskapslene med å huske brukerens navn. JavaScript og jQuery oppretter, leser og sletter informasjonskapsler med egenskapen document.cookie.

Q # 41) Hva er bruken av serialize () -metoden i jQuery?

Svar: Den serierer skjemaverdiene slik at de serielle verdiene kan brukes i URL-spørringsstrengen mens du sender en AJAX-forespørsel.

.serialize () -metoden for jQuery returnerer inngangsverdiene til HTML-skjema i form av streng.

Q # 42) Hva er bruken av metoden val () i jQuery?

Svar: .val () -metoden hjelper deg med å finne verdien til et attributt av HTML-element. For eksempel, skjemaelementer som input, select og textarea. Val () brukes også for å finne verdien av alle samsvarende elementer fra avkrysningsbokser og alternativknapper, samt en rullegardinliste.

Eksempel forklart 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ørsmål nr. 43) Hva er metodekjetting i jQuery? Hvilke fordeler tilbyr den?

Svar: Med jQuery-metodekjetting kan flere handlinger brukes på en enkelt kodelinje, ettersom alle metodene returnerer jQuery-objekter som kan brukes til å kalle en annen metode.

Uten kjetting kalles jQuery-metoder etter hverandre i en egen linje, mens jQuery-metoder skrives i en prikkeskilt enkel linje med kode.

grenseverdianalyse og ekvivalenspartisjonering

Uten å kjede flere kodelinjer som må skrives, noe som gjør jQuery til å søke i hele DOM etter samsvarende element, så brukes enkeltmetoder i hver kodelinje. Mens kjetting bare trenger et engangsvalg av et matchet element fra DOM, ved å gjøre bedre ytelse.

Q # 44) Hva er forskjellen mellom jQuery.get () og jQuery.ajax ()?

Svar: jQuery.ajax () -metoden brukes til å sende HTTP Ajax-forespørsler, mens metoden jQuery.get () brukes til å sende HTTP GET-forespørsler for å laste data fra serveren.

Q # 45) Hva er QUnit?

Svar: QUnit er et rammeverk som tester JavaScript-kode skrevet for jQuery, jQuery UI og jQuery Mobile, bruker påstander og testinnretninger for å verifisere forventede resultater.

Q # 46) Hvordan jQuery lagrer data relatert til et element?

Svar: metoden jQuery.data () hjelper til å feste alle typer data til DOM-elementer, uten minnelekkasjer. jQuery sørger for at data blir fjernet sammen med DOM-elementene fjernet via jQuery-metoder.

Kode for lagring og henting av data relatert til et element.

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

Sp # 47) Kan du forklare de forskjellige prosedyrene for å trekke ut en spørringsstreng med regulære uttrykk?

Svar: Vi kan oppnå å trekke ut en spørringsstreng med vanlig uttrykk på følgende to måter.

1. Strengbasert tilnærming: Denne metoden hjelper med å utlede streng ved å sammenligne ekvivalent regulært uttrykk ved hjelp av .replace () -metoden.
2. Tilnærming til vanlig uttrykk: Det må brukes en kraftigste metode for å trekke ut en spørringsstreng og et mønster som sammenlignes med strenger i JavaScript. Bruk .exec () og .test () metoder for å sammenligne med mønstre. match (), matchAll (), erstatt (), search () og split () er andre få metoder for String.

Q # 48) Forklar begrepet finish-metoden i jQuery.

Svar: For å stoppe alle animasjonene i kø og for å hjelpe dem med å plassere i endelig tilstand, brukes .finish () -metoden.

Q # 49) Skille mellom å ringe stopp (sant, sant) og sluttmetode.

Svar: .finish () -metoden hjelper til med å rydde køen og hjelper animasjonene til å komme inn i slutttilstanden, mens .stop () -metoden kalles på et element, ved å tvinge animasjonen som kjører for øyeblikket, til å stoppe umiddelbart.

Q # 50) Hvordan kan du skrive en nettleserspesifikk kode ved hjelp av jQuery?

Svar: Vi kan skrive nettleserspesifikk kode i jQuery ved hjelp av navigator.userAgent for å identifisere nettleseren 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) Hva er prosedyren for å sjekke datatypen til en variabel i jQuery?

Svar: jQuery-funksjonstype () brukes for å identifisere datatypen til en hvilken som helst variabel som en matrise, streng, nummer, funksjon eller objektdatatype.

Konklusjon

jQuery er et dokumentobjektmodellmanipulering av JavaScript-bibliotek, hovedsakelig brukt i HTML-dokumentoverføring og JavaScript-utvikling i flere nettlesere som skaper DOM- og Ajax-animasjoner for å administrere nettleserhendelser.

Håper du fant svarene på de ofte stilte intervjuspørsmålene om ‘jQuery’ til stor hjelp. Øv så mange spørsmål som mulig og vær trygg.

Alt det beste for intervjuet ditt !!

Anbefalt lesing

• Intervju spørsmål og svar
• ETL Testing Intervju Spørsmål og svar
• 50 Top Salesforce intervjuspørsmål og svar (Oppdatert 2021)
• Noen vanskelige manuelle testspørsmål og svar
• Topp 50 mest populære CCNA-intervjuspørsmål og svar
• Topp 51 Bootstrap intervju spørsmål og svar
• Topp 50+ Database Intervju Spørsmål og svar
• 25 beste spørsmål om svar og svar på smidig testing