50 most common jquery interview questions
Ovaj tutorial navodi najčešće postavljana pitanja i odgovore na jQuery intervjue koji će vam pomoći da se pripremite za sljedeći jQuery intervju:
Ako se pripremate za jQuery intervju, ovdje su najčešće postavljana pitanja za jQuery intervju s odgovorima i primjerima za vašu referencu.
Pokušali smo objediniti sva moguća pitanja s kojima biste se mogli susresti tijekom tehničkog razgovora kako biste provjerili svoju sposobnost na jQueryju.
Istražimo!
Što ćete naučiti:
Što je jQuery?
jQuery je JavaScript biblioteka za manipulaciju objektnim modelom dokumenata, koja se uglavnom koristi u upravljanju i putovanju preko HTML dokumenata, rukovanju događajima web elemenata, specijalnim efektima na DOM i Ajax komunikaciju te razvoju višestrukog JavaScript preglednika.
jQuery je lagana JavaScript knjižnica koja sadrži sljedeće značajke:
- HTML / DOM manipulacija
- CSS manipulacija
- HTML metode događaja
- Efekti i animacije
- AJAX
- Komunalije
Popis najčešćih pitanja za jQuery intervju
P # 1) Možete li objasniti što je jQuery?
Odgovor: jQuery je brza, lagana i značajkama bogata JavaScript knjižnica. Jednostavan je za korištenje API-ja kompatibilnog s više preglednika za obilaženje i manipulaciju HTML dokumentima, rukovanje događajima, dodavanje efekata animacije web stranicama i pomoć u Ajaxovim interakcijama.
P # 2) Možete li razlikovati JavaScript i jQuery?
Odgovor: JavaScript je skriptni jezik otvorenog koda koji statične web stranice pretvara u dinamičke stranice koje se koriste za provjeru valjanosti podataka obrazaca prije slanja na poslužitelj.
jQuery je lagana, brza javascript biblioteka, kompatibilna s preglednikom, koristi se za obilaženje i manipulaciju HTML dokumentima, rukovanje događajima, dodavanje efekata animacije web stranicama i pomaže u Ajaxovim interakcijama.
P # 3) Objasnite razne metode jQuery efekata.
Odgovor: Metoda jQuery efekata pomaže nam da dodamo neke posebne efekte HTML elementima koji su prisutni u DOM-u web stranica, a te se metode mogu grupirati u blijeđenje, klizanje, skrivanje, prikazivanje i specijalne efekte.
Popis metoda jQuery efekata dan je u nastavku.
- pokazati(): Ova metoda može prikazati / prikazati odabrani element.
- sakriti(): Ova metoda skriva odabrani element.
- prebaci (): Ova metoda pomaže prebacivanju između metode show () i hide () za odabrani element.
- nestati u (): Ova metoda pomaže da skriveni elementi na stranici nestanu (prikazani), tj. Od skrivenih elemenata naprave neprozirni element.
- izblijediti(): Ova metoda pomaže sakriti element s web stranice čineći obojeni element prozirnim, drugim riječima, blijedi.
- fadeToggle (): Ova metoda pomaže u izmjeni stanja odabranog elementa, tj. Skriveni odabrani element u vidljivi, a vidljivi odabrani element u skriveni element.
- povuci gore (): Ova metoda može pomoći da se odabrani HTML element pomakne prema gore.
- spusti se(): Ova metoda može pomoći da odabrani HTML element klizi prema dolje.
- slideToggle (): Ova metoda pomaže u izmjeni položaja odabranog elementa, tj. Odabrani element ako se pomakne prema gore sa svog položaja, tada će kliznuti prema dolje, a ako je odabrani element kliznuo prema dolje sa svog položaja, tada će kliznuti prema gore.
- animirani (): Ova metoda može mijenjati odabrane elemente iz jednog stanja u drugo pomoću CSS stilova. Vrijednost CSS svojstva poput položaja, boje ili oblika mijenja se u određenom intervalu što rezultira animiranim efektom.
P # 4) Navedite nekoliko primjera Ajax metoda u jQueryju.
Odgovor: Ajax pomaže slati i dohvatiti podatke, kao i promijeniti sadržaj web stranice s poslužitelja, bez potrebe za ponovnim učitavanjem cijele stranice. jQuery Ajax metode poput load (), get (), post () olakšavaju Ajax pozive koje je aplikacija uputila.
P # 5) Objasnite funkcionalnost Ajax () metode.
Odgovor: Ajax () metoda šalje asinkrone HTTP zahtjeve poslužitelju i prima podatke od poslužitelja. Ajax () metoda vrijedna je jer nudi mogućnost specificiranja povratnih poziva za uspjeh i neuspjeh.
P # 6) Objasnite funkcionalnost ajax load () metode.
Odgovor: Način učitavanja () šalje HTTP zahtjeve za učitavanje podataka u obliku HTML-a ili tekstualnog sadržaja s poslužitelja i vraća vraćene podatke u odabrane DOM elemente.
P # 7) Razraditi jQuery Ajax događaje.
Odgovor: Ajax metode pokreću rukovatelj događajima koji rezultiraju jQuery Ajax događajima. Neki od primjera jQuery Ajax događaja navedeni su u nastavku.
Ti su događaji kategorizirani u lokalne događaje i globalne događaje.
- ajaxStart (): To je globalni događaj, koji se aktivira kao rezultat pokretanja Ajax zahtjeva, pod uvjetom da nijedan drugi Ajax zahtjev trenutno nije pokrenut.
- beforeSend (): To je lokalni događaj, kao što i samo ime označava, taj se događaj poziva prije pokretanja Ajax zahtjeva, omogućujući tako izmjenu XMLHttpRequest objekata.
- ajaxSend (): To je globalni događaj i taj se događaj poziva prije pokretanja zahtjeva Ajax.
- uspjeh(): To je lokalni događaj. Ovaj se događaj aktivira samo ako je Ajaxov zahtjev uspješno poslan (tj. Tijekom slanja Ajaxova zahtjeva događaj ne prikazuje grešku s poslužitelja ili podataka).
- ajaxSuccess (): To je globalni događaj koji se aktivira samo ako je poslani zahtjev bio uspješan.
- pogreška (): Lokalni se događaj aktivira ako se tijekom izvršenja zahtjeva dogodi pogreška. (Možete imati pogrešku ili povratni poziv tijekom slanja Ajax zahtjeva)
- ajaxError (): Riječ je o globalnom događaju koji se ponaša isto kao i njegov lokalni događaj pogreške ().
- dovršiti (): To je lokalni događaj. Ovaj se događaj poziva bez obzira na to je li zahtjev uspješan ili rezultira pogreškom, a primaju se i potpuni povratni pozivi, čak i za sinkrone zahtjeve.
- ajaxComplete (): Riječ je o globalnom događaju koji se ponaša jednako kao i njegov lokalni kolega complete (), čak i za sinkrone zahtjeve.
- ajaxStop (): Riječ je o globalnom događaju koji se pokreće kada se nijedan Ajaxov zahtjev još uvijek obrađuje / čeka na obradu.
P # 8) Objasnite funkcionalnost metode ajaxComplete ().
Odgovor: AjaxComplete () poziva se bez obzira na to je li zahtjev uspješan ili je rezultirao pogreškom, a primit će se potpuni povratni poziv, čak i za sinkrone zahtjeve.
P # 9) Objasnite funkcionalnost ajaxStart () metode.
Odgovor: Događaj ajaxStart () globalni je događaj koji se pokreće kao rezultat pokretanja Ajax zahtjeva, pod uvjetom da se trenutačno ne izvode drugi Ajax zahtjevi.
P # 10) Objasnite neke primjere događaja u jQueryju.
Odgovor: Akcije na HTML elementima na web stranicama događaji su u jQueryju ili JavaScriptu, čineći tako dinamične web stranice.
U nastavku je navedeno nekoliko primjera događaja.
- Klikom miša na element poput gumba.
- Slanje vrijednosti ulaznih elemenata iz HTML obrasca.
- Vraćanje elementa obrasca na zadane vrijednosti ili ponovno učitavanje stranice.
- Pritisak ili tipkanje bilo koje ili više tipki na tipkovnici.
- Pomicanje web stranice itd.
P # 11) Objasnite primjere nekih kategorija jQuery događaja.
Odgovor: Događaji jQuery kategorizirani su na temelju njihovih vrsta:
- Događaji miša poput click & dblclick.
- Događaji na tipkovnici, poput tipkovnice i tipkovnice.
- Oblikujte događaje poput slanja, fokusiranja i promjene.
- Događaji za dokument / prozor, poput učitavanja, istovara i pomicanja.
P # 12) Objasnite funkcionalnost jQuery CSS () metode.
Odgovor: CSS () metoda u jQuery koristi se za provjeru sadašnje vrijednosti svojstva stila, dodavanja ili promjene svojstva stila odabranog elementa. Drugim riječima, metoda jQuery CSS () koristi se za DOBIJANJE I POSTAVLJANJE svojstava CSS stila elementa DOM.
P # 13) Razlikovati metode pronalaženja () i djece ().
Odgovor: .find () i .children () koriste se za lociranje podređenih elemenata DOM-a, .find () putuje na bilo koju razinu niže, dok .children () putuje jednu razinu niže da bi locirao element.
Razmotrimo sljedeću DOM strukturu u HTML dokumentu.
Sintaksa u jQuery .find () API za lociranje elementa unutar
$('li.item-li').find('li').css('background-color','yellow');
Rezultat gornjeg poziva metode je žuta pozadina na stavkama A, B, 1, 2, 3 i C, kao što je prikazano na donjoj slici.
.find () metoda odabire sve podređene elemente DOM elementa koji se prelazi.
Sintaksa u jQuery .children () API-ju za pronalaženje elementa pomoćuoznaka s klasom 'razina-2'.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Rezultat gornjeg poziva metode je žuta pozadina na stavkama A, B i C, kao što je prikazano na donjoj slici.
.children () metoda odabire jednorazinske elemente DOM elementa koji se prelazi.
P # 14) Objasnite razne vrste selektora i njihove funkcije u jQueryju.
Odgovor: Izbornici jQuery koriste se za pronalaženje / odabir HTML elemenata iz DOM hijerarhije na temelju njihovih atributa kako su navedeni u nastavku.
- Ime
- iskaznica
- razred
- tip
- vrijednosti
Osnovne vrste selektora su:
što mogu učiniti s c ++-om
- Ime
- iskaznica
- Naziv klase
- Univerzalni selektor poput * koji odabire sve elemente u DOM-u.
- Višestruki elementi. Primjer:
- ,
,.
- Birač atributa, Primjer: prepoznati / odabrati elemente na temelju njihovih atributa kao što su boja, stil fonta ili boja pozadine.
Primjer, višestrukih elemenata i selektora atributa u jQueryju, objašnjen je u nastavku.
U gore navedenom jQuery kodu atribut klase je selektor, a boja fonta teksta unutar elementa HTML oznake promijenjena je u zelenu. Ovaj će kôd utjecati / promijeniti boju fonta tekstova unutar svih onih elemenata koji imaju atribute klase.
P # 15) Razlikujte birač ID-a i klase u jQueryju.
Odgovor: Svaki HTML element može imati samo jedan ID, drugim riječima, element se može identificirati s jedinstvenim ID-om, dok istu klasu možete koristiti na više elemenata.
Primjer selektora ID-a u jQueryju kako bi se sakrio DOM element s ID-om kao atributom, recimo element s ID-om kao 'gold_coin'
$('#gold_coin').hide();
Ako se želite sakriti, recite da sve veze imaju svoju klasu kao 'sirove',
$('a.raw').hide();
P # 16) Objasnite prednosti jQuery Ajax metoda.
Odgovor: Ajax može tražiti i primati podatke s poslužitelja bez ponovnog učitavanja stranice uz pomoć DOM-a i JavaScript-a.
Prednosti korištenja Ajax metoda u jQueryju navedene su u nastavku:
- Omogućuje nam uklanjanje cijelog ponovnog učitavanja stranice i daje nam fleksibilnost učitavanja samo dijela stranice.
- Jednostavan API.
- Podrška za više preglednika.
- Podržani su GET i POST.
- Prenesite dokument JSON, XML, HTML ili skriptu.
P # 17) Razlikovati metode onload () i document.ready () jQuery.
Odgovor: Razlika između metoda onload () i document.ready () je u tome što će se metoda onload () JavaScripta pozvati tek nakon što se svi objekti u web dokumentu u potpunosti prikažu / učitaju.
Dok se metoda document.ready () poziva kada se DOM struktura učita u dokumente. metoda document.ready () poziva se vrlo brzo u usporedbi s metodom onload (), jer kasnija čeka dok se slike u potpunosti ne prikažu.
P # 18) Objasnite funkcionalnost metode connect () jQuery-a.
Odgovor: jQuery connect () je dodatak koji se koristi za povezivanje / povezivanje funkcije s drugom funkcijom dodjeljivanjem obrađivača. Pomoću ove funkcije možemo koristiti događaj DOM elementa.
P # 19) Ukratko objasnite bootstrap i dodatak JavaScript.
Odgovor: Bootstrap je okvir ili skup alata koji uključuje HTML, CSS i JavaScript za izgradnju web stranice ili web aplikacije. Mnoge komponente Bootstrapa zahtijevaju Javascript dodatke za rad.
P # 20) Objasnite programe za jQuery Mobile.
Odgovor: jQuery Mobile je okvir kompatibilan s više preglednika otvorenog koda dizajniran za izgradnju mobilnih aplikacija dostupnih na svim pametnim telefonima, tabletima i stolnim uređajima.
jQuery Mobile stvoren je na jQueryju i korisničkom sučelju jQueryja za prikazivanje različitih specijalnih efekata, rukovanje Ajaxovim zahtjevima / odgovorima, dodirnim događajima, zajedno s nizom dodataka.
P # 21) Razlikovati jquery.min.js od jquery.js
Odgovor: jquery.min.js i jquery.js imaju istu funkcionalnost, jquery.min.js uklanja sve prazne prostore kako bi datoteku učinili manjom i bržom za učitavanje što rezultira izvršavanjem skripte.
Minificiranje JS datoteka u proizvodnom okruženju znači da će se učitavati brže i pružiti brze i bolje performanse stranica.
P # 22) Objasnite mogućnost jQuery HTML metode za HTML i XML dokument.
Odgovor: jQuery HTML metoda nije dostupna na XML dokumentima, radi samo za HTML dokumente.
P # 23) Objasnite funkcionalnost jQuery UI (korisničko sučelje).
Odgovor: jQuery UI je knjižnica jQuery, koja omogućuje izgradnju različitih objekata korisničkog sučelja, kao što su višestruki popisi zapisa, gdje korisnici mogu odabrati, razvrstati, povući, ispustiti, kao i promijeniti veličinu određenih DOM elemenata.
UI knjižnica također stvara ugrađene widgete poput automatskog dovršavanja, potvrdnog okvira, radio gumba, birača datuma, izbornika itd., Kao i dodavanje efekta sakrivanje, prikazivanje ili prebacivanje i druge animacije.
P # 24) Objasnite funkcionalnost dodatka tablice podataka za jQuery.
Odgovor: Tablica podataka jQuery je dodatak koji se kada se primjenjuje na zapise prikazuje u tabličnom obliku.
Možemo sortirati podatke po pojedinačnim i više stupaca, pretražiti određeni zapis, dodati paginaciju, zapise po stranici i kretati se zapisima u tablici. Tablica podataka može se primijeniti na statičke podatke, polje, podatke u JSON-u, kao i AJAX odgovor.
P # 25) Objasnite sve prednosti hostiranja jQueryja s CDN-a.
Odgovor: Hostiranje jQueryja iz mreže za isporuku sadržaja (CDN) pomaže u visokoj dostupnosti i visokim performansama uz nižu cijenu i malo opterećenje mreže, poboljšanu latenciju (potrebno je manje vremena za slanje i primanje podatkovnog paketa s poslužitelja), nudi verziju specifičnu za uređaj sadržaja.
Primjer: Odaziv za veličinu zaslona na mobilnom uređaju i osigurani kapacitet za pohranu osjetljivih podataka ili datoteka.
P # 26) Utvrdite bilo kakvu razliku između .detach () i .remove () jQueryja.
Odgovor: Detach () metoda jQueryja uklanja odabrani element, ali zadržava podatke i događaje. .remove () metoda jQuery uklanja elemente, podatke kao i događaje.
P # 27) Mogu li koristiti jQuery knjižnicu za skriptiranje poslužitelja?
Odgovor: jQuery je Javascript biblioteka za skriptiranje na strani klijenta. Ne može se koristiti za skriptiranje na strani poslužitelja.
P # 28) Možete li navesti neke situacije ili scenarije za korištenje jQueryja?
Odgovor:
JQuery možemo koristiti u sljedećim situacijama / scenarijima:
- Možemo primijeniti funkciju jQuery koja može promijeniti CSS statičko ili dinamičko svojstvo.
- Pomoću jQueryja možemo pozvati funkcije na događajima kao što su događaji u obliku, događaji na tipkovnici, događaji s mišem, događaji u pregledniku.
- Pomoću jQuery možemo manipulirati (dodavati, uređivati ili brisati) DOM elementima.
- jQuery se može koristiti za animacijske efekte na HTML element postupnim mijenjanjem njegovog statičnog položaja u drugi položaj.
P # 29) Navedite četiri parametra koja se koriste za jQuery Ajax metodu.
Odgovor: URL adresa na koju se zahtjev šalje, vrsta zahtjeva, naime GET ili POST, podaci / sadržaj koji će se poslati poslužitelju i uvjet da preglednik dopušta ili ne sprema u predmemoriju traženu stranicu, četiri su parametra koja se koriste za jQuery Ajax metodu.
P # 30) Objasnite funkcionalnost jQuery filtra.
Odgovor: .filter () u jQuery provjerit će odgovarajući element i atribut se može dodati podudarnom elementu.
Na primjer, za .filter () može biti kao što je navedeno u nastavku.
Redak koda u jQuery.filter () API-ju za pronalaženje / filtriranje elemenata popisa je kao u nastavku.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Rezultat gornjeg poziva metode je žuta podloga za tekstove Fizika, Matematika, Povijest, Francuski itd. Koja se nalazi na indeksu 0, 2, 4 i tako dalje, (sjetite se da indeks počinje od 0, stoga je 0 paran broj) kao prikazano na donjoj slici.
P # 31) Koji se posebni znak koristi kao prečac za jQuery?
Odgovor: $ se koristi umjesto jQueryja,
Primjer: jQuery (dokument) .ready (function (); može se koristiti kao $ (document) .ready (function ()
P # 32) Objasnite različite načine na koje možemo ispraviti jQuery.
Odgovor: Postoji nekoliko načina na koje možemo ispraviti pogreške u jQuery kodu.
Suvremeni preglednici kao što su Google Chrome, Mozilla Firefox, Opera i Safari imaju ugrađeni Javascript program za ispravljanje pogrešaka. Da biste otklonili pogreške u jQuery kodu, pritisnite F12 s tipkovnice i preglednik s ugrađenim programom za otklanjanje pogrešaka otvorit će korisničko sučelje, u kojem odaberite izbornik 'Konzola'. Pogreška će se prikazati u izborniku konzole ako postoji.
U kôd možete upisati console.log () da biste dobili tekst pogreške, možete napisati i program za otklanjanje pogrešaka; između retka koda, zbog otklanjanja pogrešaka skripta će se pokrenuti u načinu uklanjanja pogrešaka, pritiskom na F12 u pregledniku otvorit će se konzola koja će otkloniti pogreške, pritiskom na F10 očitat će se vrijednosti objekata jQuery i na ovaj način možemo ispraviti pogreške u jQuery kodu .
P # 33) Objasnite moguće načine na koje možemo uključiti jQuery na stranicu.
Odgovor: Sažetu produkcijsku verziju jquery-3.4.1.min.js možete preuzeti sa stranice https://jquery.com/download/ i spremiti u mapu lib ispod mape projekta.
najbolji preuzimanje datoteka mp3 pjesama za android
i) Na jquery možemo uputiti iz lokalne mape na projektu / lib / Scripts kao na dolje.
ii) Možemo se pozvati s web lokacija s mrežom za isporuku sadržaja, kao što je Microsoft CDN, kao što je navedeno u nastavku.
P # 34) Objasnite funkcionalnost .each () metode u jQueryju.
Odgovor: jQuery .each () koristi se za iteraciju / popis DOM elementa prisutnog u objektu jQuery.
Primjer
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
P # 35) Razlikovati .prop () i .attr () metode jQueryja.
Odgovor: Slijedi razlika između .prop () i .attr ().
Primjer:
c ++ algoritam sortiranja odabira
jQuery kôd sadrži metodu attr () koja mijenja vrijednosti atributa slike kao što je prikazano u nastavku.
.attr () metoda jQuery mijenja atribute poput širine i obruba slike.
$ (selector) .attr (atribut elementa, vrijednost kojoj se atributi mijenjaju).
.prop () metoda u jQuery koristi se za vraćanje i izmjenu DOM svojstava kao što su provjereno, odabrano ili onemogućeno stanje.
Pink
Za vrstu unosa kao potvrdni okvir, vrijednost je ružičasta i DOM svojstvo je označeno,
jQuery kôd sadrži metodu prop () koja mijenja svojstvo prikaza elementa.
.attr () metoda pomaže nam odabrati vrijednost koja je ovdje 'ružičasta', dok .prop () metoda odabire svojstvo koje je ovdje 'označeno'.
P # 36) Objasnite funkcionalnost jQuery.noConflict.
Odgovor: noConflict () metoda jQueryja primjenjuje se za rješavanje sukoba kada trebamo koristiti okvire, osim jQueryja.
Na primjer, mnoge JavaScript knjižnice kao što su Mootools, prototip, zepto itd. koriste $, funkciju ili ime varijable, koje se koristi kao zamjena teksta jQuery u jQuery kodu, a u takvim slučajevima metoda .noConflict () omogućuje upotrebu $ identifikator prečaca, dopuštajući drugim skriptama da ga koriste.
P # 37) Razlikujte širinu () od css ('širinu') u jQueryju.
Odgovor: U jQueryju postoje dvije različite metode za promjenu širine elementa. Prvi način je korištenje .css (svojstvo), a drugi način je korištenje .property ().
Primjer:
$(selector).css(property,value_change); $(selector).property(value_change);
U .css (svojstvo) koje je u ovom slučaju širina, moramo dodati px u value_change, recimo 300px.
Možemo koristiti .property (value_change), koja je u ovom slučaju širina, i ne trebate dodavati px, već izravnu vrijednost.
P # 38) Gdje možemo primijeniti metodu param () u jQueryju?
Odgovor: Možemo prikazati niz, obični objekt ili jquery objekt u obliku toka bajtova, tako da se mogu pohraniti u memoriju, datoteku ili bazu podataka metodom param () u jQueryju.
P # 39) Razlikujte $ (this) od ovoga u jQueryju.
Odgovor: $ (this) je jQuery objekt, dok je ovo globalna referenca objekta JavaScript-a, pomoću toga možemo uputiti DOM element u HTML dokument.
$ (this) se odnosi na nadređeni objekt, dok se ovo odnosi na DOM element, koji u slučaju niza predstavlja objekt s metodom .each (), koji prikazuje trenutnu iteraciju.
P # 40) Opišite funkcionalnost pročitanih kolačića, pišite kolačiće i izbrišite kolačiće u jQueryju.
Odgovor: Kada se web stranice posjećuju, kolačići su vrijednosti podataka kao što je ime korisnika koje se pohranjuje u male tekstualne datoteke na računalu. Tijekom ponovnog posjećivanja web mjesta, kolačići pomažu u pamćenju imena korisnika. JavaScript i jQuery stvaraju, čitaju i brišu kolačiće sa svojstvom document.cookie.
P # 41) Čemu služi metoda serialize () u jQueryju?
Odgovor: Serijalizira vrijednosti obrasca tako da se njegove serializirane vrijednosti mogu koristiti u nizu upita URL-a tijekom izrade AJAX zahtjeva.
.serialize () metoda jQuery vraća ulazne vrijednosti HTML oblika u obliku niza.
P # 42) Koja je upotreba metode val () u jQueryju?
Odgovor: .val () metoda pomaže pronaći vrijednost atributa HTML elementa. Na primjer, elementi obrasca kao što su unos, odabir i tekst. Val () se također primjenjuje za pronalaženje vrijednosti svih usklađenih elemenata iz potvrdnih okvira i radio gumba, kao i padajućeg popisa.
Primjer objašnjen sintaksom
// 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();
P # 43) Što je ulančavanje metoda u jQueryju? Koje prednosti nudi?
Odgovor: Pomoću lanca jQuery metoda može se primijeniti više radnji na jednom retku koda, jer sve metode vraćaju jQuery objekte koji se mogu koristiti za pozivanje druge metode.
Bez ulančavanja, metode jQuery nazivaju se jedna za drugom u zasebnom retku, dok se kod ulančavanja metode jQuery zapisuju točkicama odvojenim jednim retkom koda.
Bez vezivanja više redaka koda koje treba napisati, čineći jQuery traženjem podudarnog elementa u cijelom DOM-u, tada se primjenjuju pojedinačne metode u svakom retku koda. Dok Chainingu treba samo jednokratni odabir usklađenog elementa iz DOM-a, boljim performansama.
P # 44) Koja je razlika između jQuery.get () i jQuery.ajax ()?
Odgovor: Metoda jQuery.ajax () koristi se za slanje HTTP Ajax zahtjeva, dok se metoda jQuery.get () koristi za slanje HTTP GET zahtjeva za učitavanje podataka s poslužitelja.
P # 45) Što je QUnit?
Odgovor: QUnit je okvir koji testira JavaScript kod napisan za jQuery, jQuery UI i jQuery Mobile, koristi tvrdnje i ispitne uređaje za provjeru očekivanih rezultata.
P # 46) Kako jQuery pohranjuje podatke povezane s elementom?
Odgovor: Metoda jQuery.data () pomaže pri pričvršćivanju bilo koje vrste podataka na DOM elemente, bez curenja memorije. jQuery osigurava uklanjanje podataka zajedno s DOM elementima uklonjenim metodama jQuery.
Kôd za pohranu i pronalaženje podataka koji se odnose na element.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
P # 47) Možete li objasniti razne postupke izdvajanja niza upita pomoću regularnih izraza?
Odgovor: Izdvajanje niza upita s regularnim izrazom možemo postići na sljedeća dva načina.
- Nizoviti pristup: Ova metoda pomaže u izvođenju Stringa uspoređivanjem ekvivalentnog regularnog izraza, metodom .replace ().
- Pristup redovnom izražavanju: Mora se koristiti najmoćnija metoda za izdvajanje niza upita i uzorka koja se uspoređuje sa nizovima u JavaScript-u. Korištenje metoda .exec () i .test () za usporedbu s uzorcima. match (), matchAll (), replace (), search () i split () su još nekoliko metoda za String.
P # 48) Objasnite koncept završne metode u jQueryju.
Odgovor: Da bi se zaustavile sve animacije u redu i pomoglo im da se stave u konačno stanje, koristi se metoda .finish ().
P # 49) Razlikovati između poziva zaustavljanja (istina, istina) i metode završetka.
Odgovor: .finish () metoda pomaže u brisanju reda i pomaže animacijama da uđu u svoje krajnje stanje, dok se metoda .stop () poziva na element prisiljavanjem trenutno pokrenute animacije da se trenutno zaustavi.
P # 50) Kako možete napisati kod specifičan za preglednik pomoću jQueryja?
Odgovor: Kôd specifičan za preglednik možemo napisati u jQueryju pomoću navigator.userAgent da identificiramo preglednik iz Internet Explorera, Chromea, Firefoxa, Safarija i Opere, kao kod napisan u nastavku.
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. }
P # 51) Koji je postupak provjere tipa podataka bilo koje varijable u jQueryju?
Odgovor: Vrsta funkcije jQuery () koristi se za identificiranje tipa podataka bilo koje varijable kao što je niz podataka, niz, broj, funkcija ili tip podataka objekta.
Zaključak
jQuery je JavaScript biblioteka za manipulaciju objektnim modelom dokumenta, koja se uglavnom koristi u HTML prelasku dokumenata i razvoju JavaScript-a u više preglednika koji stvara DOM i Ajax animacije za upravljanje događajima preglednika.
Nadam se da ste pronašli odgovore na najčešće postavljana pitanja iz razgovora o 'jQueryju' od velike pomoći. Vježbajte što više pitanja i budite sigurni u sebe.
Sve najbolje za vaš intervju !!
Preporučena literatura
- Intervjuirajte pitanja i odgovore
- Pitanja i odgovori za ispitivanje ETL-a
- 50 glavnih pitanja i odgovora za intervju za Salesforce [ažurirano 2021.]
- Neka nezgodna ručna ispitivanja Pitanja i odgovori
- Top 50 najpopularnijih pitanja i odgovora za CCNA intervjue
- Top 51 pitanja i odgovori za intervju za Bootstrap
- Top 50+ pitanja i odgovori za intervjue baze podataka
- 25 najboljih agilnih testova Intervju pitanja i odgovori