50+ najpogostejših vprašanj in odgovorov v intervjuju jQuery (posodobljeno 2021)

kako ustvariti niz nizov v javi -

Rezultat zgornjega klica metode je rumeno ozadje elementov A, B, 1, 2, 3 in C, kot je prikazano na spodnji sliki.

.find () metoda izbere vse podrejene elemente elementa DOM, ki ga prečkate.

Sintaksa v API-ju jQuery .children () za iskanje elementa z

oznaka z razredom “level-2”.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Rezultat zgornjega klica metode je rumeno ozadje elementov A, B in C, kot je prikazano na spodnji sliki.



.children () izbere enonivojske elemente elementa DOM, ki ga prečkate.

V # 14) Pojasnite različne vrste izbirnikov in njihove funkcije v jQueryju.

Odgovor: Izbirniki jQuery se uporabljajo za iskanje / izbiro elementov HTML iz hierarhije DOM na podlagi njihovih atributov, kot so navedeni spodaj.

• ime
• id
• razred
• tip
• vrednote

Osnovne vrste izbirnikov so:

• Ime
• ID
• Ime predavanja
• Univerzalni izbirnik, kot je *, ki izbere vse elemente v DOM-u.
• Več elementov. Primer:
• ,

  ,.

• Izbirnik atributov, Primer: prepoznati / izbrati elemente na podlagi njihovih lastnosti, kot so barva, slog pisave ali barva ozadja.

Primer več elementov in izbirnikov atributov v jQuery je razložen spodaj.



V zgornji kodi jQuery je atribut razreda izbirnik in barva pisave besedila v elementu oznake HTML se spremeni v zeleno. Ta koda bo vplivala / spremenila barvo pisave besedil znotraj vseh elementov, ki imajo atribute razreda.

V # 15) Ločite med izbirnikom ID in Class v jQuery.

Odgovor: Vsak element HTML ima lahko samo en ID, z drugimi besedami, element je mogoče identificirati z edinstvenim ID, medtem ko lahko isti razred uporabite na več elementih.

Primer izbirnika ID v jQueryju, da skrijete element DOM z ID kot atributom, recimo element z ID kot »gold_coin«

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

Če želite skriti, recite, da imajo vse povezave svoj razred 'surove',

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

V # 16) Pojasnite prednosti metod jQuery Ajax.

Odgovor: Ajax lahko s strežnika zahteva in prejema podatke brez ponovnega nalaganja strani s pomočjo DOM in JavaScript.

Prednosti uporabe metod Ajax v jQuery so navedene spodaj:

• Omogoča nam, da odstranimo celotno stran za ponovno nalaganje, in nam omogoča fleksibilnost pri nalaganju samo dela strani.
• Preprost API.
• Podpora med brskalniki.
• Podprta GET in POST.
• Naložite dokument JSON, XML, HTML ali skript.

V # 17) Ločite med metodami onload () in document.ready () jQuery.

Odgovor: Razlika med metodama onload () in document.ready () je v tem, da bo metoda onload () JavaScripta poklicana šele, ko bodo vsi predmeti v spletnem dokumentu popolnoma prikazani / naloženi.

Medtem pa se metoda document.ready () pokliče, ko se struktura DOM naloži v dokumente. metoda document.ready () se zelo hitro pokliče v primerjavi z metodo onload (), saj kasneje čaka, da se slike popolnoma prikažejo.

V # 18) Pojasnite funkcionalnost metode connect () jQuery.

Odgovor: jQuery connect () je vtičnik, ki se uporablja za povezovanje / povezovanje funkcije z drugo funkcijo z dodelitvijo vodnika. S to funkcijo lahko uporabimo dogodek elementa DOM.

V # 19) Na kratko razložite vtičnik bootstrap in JavaScript.

Odgovor: Bootstrap je ogrodje ali nabor orodij, ki vključuje HTML, CSS in JavaScript za izdelavo spletne strani ali spletne aplikacije. Številne komponente Bootstrap potrebujejo vtičnike Javascript za delovanje.

V # 20) Pojasnite aplikacije za jQuery Mobile.

Odgovor: jQuery Mobile je odprtokodni okvir, združljiv z brskalniki, zasnovan za izdelavo mobilnih aplikacij, dostopnih v vseh pametnih telefonih, tabličnih in namiznih napravah.

jQuery Mobile je ustvarjen v jQuery in uporabniškem vmesniku jQuery za upodabljanje različnih posebnih učinkov, obdelavo zahtev / odgovorov Ajax, dogodke na dotik, skupaj z različnimi pripomočki.

V # 21) Razlikovanje med jquery.min.js in jquery.js

Odgovor: jquery.min.js in jquery.js imata enako funkcionalnost, v jquery.min.js so odstranjeni vsi prazni presledki, da je datoteka manjša in hitrejša za nalaganje, kar povzroči izvajanje skripta.

Minificiranje datotek JS v produkcijskem okolju pomeni, da se bodo nalagale hitreje in zagotavljale hitro in boljšo zmogljivost strani.

V # 22) Pojasnite možnost metode jQuery HTML za dokument HTML in XML.

Odgovor: Metoda jQuery HTML ni na voljo v dokumentih XML, deluje le za dokumente HTML.

V # 23) Pojasnite funkcionalnost uporabniškega vmesnika jQuery (uporabniški vmesnik).

Odgovor: jQuery UI je knjižnica jQuery, ki omogoča gradnjo različnih predmetov uporabniškega vmesnika, kot so seznami več zapisov, kjer lahko uporabniki izberejo, razvrstijo, povlečejo, spustijo in spremenijo velikost določenih elementov DOM.

Knjižnica uporabniškega vmesnika ustvarja tudi vgrajene pripomočke, kot so samodejno dokončanje, potrditveno polje, izbirni gumbi, izbiralnik datumov, meni itd., Kot tudi dodajanje učinka skrivanje, prikaz ali preklapljanje in druge animacije.

V # 24) Pojasnite delovanje vtičnika Data Table za jQuery.

Odgovor: Podatkovna tabela je vtičnik jQuery, ki se pri uporabi za zapise prikaže v obliki tabele.

Podatke lahko razvrstimo po posameznih in več stolpcih, poiščemo določen zapis, dodamo paginacije, zapise na stran in krmarimo po zapisih v tabeli. Podatkovna tabela se lahko uporabi za statične podatke, matriko, podatke v JSON-u, pa tudi za odziv AJAX.

V # 25) Pojasnite vse prednosti gostovanja jQueryja s CDN-ja.

Odgovor: Gostovanje jQuery iz omrežja za dostavo vsebin (CDN) pomaga pri visoki razpoložljivosti in visoki zmogljivosti ob nižjih stroških in nizki obremenitvi omrežja, izboljšani zakasnitvi (manj časa se porabi za pošiljanje in prejemanje podatkovnega paketa s strežnika), ponuja različico, specifično za napravo vsebine.

Primer: Odzivnost na velikost zaslona za mobilne naprave in zagotovljena zmogljivost shranjevanja občutljivih podatkov ali datotek.

V # 26) Ugotovite kakršno koli razliko med .detach () in .remove () jQuery.

Odgovor: Detach () metoda jQuery odstrani izbrani element, vendar obdrži podatke in dogodke. .remove () metoda jQuery odstrani elemente, podatke in dogodke.

V # 27) Ali lahko za skriptiranje strežnikov uporabim knjižnico jQuery?

Odgovor: jQuery je skriptna knjižnica Javascript na strani odjemalca. Ne more se uporabljati za skriptiranje na strani strežnika.

V # 28) Ali lahko navedete nekaj situacij ali scenarijev za uporabo jQueryja?

Odgovor:

JQuery lahko uporabljamo v naslednjih situacijah / scenarijih:

• Lahko uporabimo funkcijo jQuery, ki lahko spremeni statično ali dinamično lastnost CSS.
• S pomočjo jQuery lahko pokličemo funkcije na dogodkih, kot so dogodki obrazcev, dogodki tipkovnice, dogodki miške, dogodki brskalnika.
• Z elementi JOM lahko upravljamo (dodajamo, urejamo ali brišemo) elemente DOM.
• jQuery se lahko uporablja za animacijske učinke na elementu HTML s postopnim spreminjanjem njegovega statičnega položaja na drug položaj.

V # 29) Naštejte štiri parametre, uporabljene za metodo jQuery Ajax.

Odgovor: Naslov URL, kamor je poslana zahteva, vrsta zahteve, GET ali POST, podatki / vsebina, ki jo je treba poslati strežniku, in pogoj, da brskalnik dovoli ali ne predpomni zahtevane strani, so štirje parametri, uporabljeni za metodo jQuery Ajax.

V # 30) Pojasnite delovanje filtra jQuery.

Odgovor: .filter () v jQuery bo preveril ujemajoč se element in atribut je mogoče dodati ujemajočemu se elementu.

Na primer, za .filter () je lahko, kot je navedeno spodaj.



Vrstica kode v API-ju jQuery.filter () za iskanje / filtriranje elementov seznama je kot spodaj.

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

Rezultat zgornjega klica metode je rumeno ozadje za besedila Fizika, Matematika, Zgodovina, Francoščina itd., Ki je pri indeksih 0, 2, 4 itd. (Zapomnite si, da se indeks začne od 0, torej je 0 sodo) kot prikazano na spodnji sliki.



V # 31) Kateri posebni znak se uporablja kot bližnjica za jQuery?

Odgovor: $ se uporablja namesto jQuery,

Primer: jQuery (dokument) .ready (funkcija (); lahko se uporablja kot $ (dokument) .ready (funkcija ()

V # 32) Pojasnite na različne načine, kako lahko odpravimo napake jQuery.

Odgovor: Kode jQuery lahko odpravimo napak na nekaj načinov.

Sodobni brskalniki, kot so Google Chrome, Mozilla Firefox, Opera in Safari, imajo vgrajen razhroščevalec Javascript. Za razhroščevanje kode jQuery pritisnite tipko F12 s tipkovnice in brskalnik z vgrajenim odpravnikom napak bo odprl uporabniški vmesnik, v katerem izberite meni »Konzola«. Napaka bo prikazana v meniju konzole, če obstaja.

V kodo lahko vpišete console.log (), da dobite besedilo napake, lahko pa tudi razhroščevalnik; med kodno vrstico se bo skript zaradi razhroščevalnika zagnal v načinu za odpravljanje napak, s pritiskom na F12 v brskalniku se bo odprla konzola, ki bo odstranila kodo, s pritiskom na F10 pa bodo odčitane vrednosti objektov jQuery in tako lahko odpravimo napake kode jQuery .

V # 33) Pojasnite, na katere načine lahko vključimo jQuery na stran.

Odgovor: Stisnjeno produkcijsko različico jquery-3.4.1.min.js lahko prenesete s spletnega mesta https://jquery.com/download/ in jo shranite v mapo lib pod mapo projekta.

združi kodo razvrščanja v c ++ z rekurzijo

jaz) Na jquery se lahko sklicujemo iz lokalne mape project / lib / Scripts, kot spodaj.

ii) Spodaj se lahko sklicujemo na spletna mesta za dostavo vsebine, kot je Microsoft CDN.

V # 34) Pojasnite funkcionalnost metode .each () v jQuery.

Odgovor: jQuery .each () se uporablja za ponovitev / seznam elementa DOM, ki je prisoten v objektu jQuery.

Primer

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

V # 35) Ločite med metodama .prop () in .attr () jQuery.

Odgovor: Sledi razlika med .prop () in .attr ().

Primer:



najboljša programska oprema za obnovitev podatkov za Windows

Koda jQuery vsebuje metodo attr (), ki spreminja vrednosti atributov slike, kot je prikazano spodaj.



.attr () metoda jQuery spreminja atribute, kot sta širina in obroba slike.

$ (selector) .attr (atribut elementa, vrednost, v katero se atributi spremenijo).

.prop () metoda v jQuery se uporablja za vrnitev in spreminjanje lastnosti DOM, kot so preverjeno, izbrano ali onemogočeno stanje.

Pink


Za vrsto vnosa kot potrditveno polje je vrednost roza in DOM lastnost je označena,



Koda jQuery vsebuje metodo prop (), ki spreminja lastnost prikaza elementa.



.attr () metoda nam pomaga izbrati vrednost, ki je tukaj 'roza', medtem ko metoda .prop () izbere lastnost, ki je tukaj 'označena'.

V # 36) Pojasnite funkcionalnost jQuery.noConflict.

Odgovor: noConflict () metoda jQuery se uporablja za reševanje sporov, kadar moramo uporabiti ogrodja, ki niso jQuery.

Na primer, številne knjižnice JavaScript, kot so Mootools, prototip, zepto itd., uporabljajo $, funkcijo ali ime spremenljivke, ki se uporablja kot zamenjava besedila jQuery v kodi jQuery, v takih primerih pa metoda .noConflict () omogoča uporabo $ identifikator bližnjice, tako da drugim skriptom dovoli uporabo.

V # 37) V jQuery razlikuje med širino () in css ('širina').

Odgovor: V jQueryju obstajata dve različni metodi za spreminjanje širine elementa. Prvi način je uporaba .css (lastnost), drugi način pa uporaba .property ().

Primer:

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

V .css (lastnost), ki je v tem primeru širina, moramo dodati px v value_change, recimo 300px.

Lahko uporabimo .property (value_change), ki je v tem primeru širina, in vam ni treba dodati px, ampak neposredno vrednost.

V # 38) Kje lahko uporabimo metodo param () v jQuery?

Odgovor: Matriko, navaden predmet ali objekt jquery lahko prikažemo v obliki toka bajtov, da jih lahko shranimo v pomnilnik, datoteko ali bazo podatkov z uporabo metode param () v jQuery.

V # 39) Razlikujte med $ (this) in this v jQuery.

Odgovor: $ (this) je objekt jQuery, medtem ko je to globalna referenca predmeta JavaScript, pri čemer lahko uporabimo element DOM v dokumentu HTML.

$ (this) se sklicuje na nadrejeni objekt, medtem ko se to nanaša na element DOM, ki v primeru matrike predstavlja objekt z metodo .each (), ki prikazuje trenutno ponovitev.

V # 40) Opišite funkcionalnost prebranih piškotkov, pišite piškotke in izbrišite piškotke v jQuery.

Odgovor: Ko so spletna mesta obiskana, so piškotki podatkovne vrednosti, kot je ime uporabnika, ki se shrani v majhne besedilne datoteke v računalniku. Med ponovnim obiskom spletnih strani piškotki pomagajo zapomniti uporabnikovo ime. JavaScript in jQuery ustvarjata, bereta in brišeta piškotke z lastnostjo document.cookie.

V # 41) Kakšna je uporaba metode serialize () v jQuery?

Odgovor: Vrednosti obrazca serializira, tako da se lahko njegove zaporedne vrednosti uporabijo v nizu poizvedbe URL med zahtevo AJAX.

.serialize () metoda jQuery vrne vhodne vrednosti obrazca HTML v obliki niza.

V # 42) Kakšna je uporaba metode val () v jQuery?

Odgovor: .val () metoda pomaga najti vrednost atributa elementa HTML. Na primer, elementi obrazca, kot so vnos, izbor in besedilo. Val () se uporablja tudi za iskanje vrednosti vseh ujemajočih se elementov iz potrditvenih polj in izbirnih gumbov ter s spustnega seznama.

Primer, razložen s sintakso

// 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();

V # 43) Kaj je veriženje metod v jQueryju? Kakšne prednosti ponuja?

Odgovor: Z veriženjem metod jQuery lahko v eni vrstici kode uporabite več dejanj, saj vse metode vrnejo predmete jQuery, ki jih je mogoče uporabiti za klic druge metode.

Brez veriženja se metode jQuery kličejo ena za drugo v ločeni vrstici, medtem ko so metode veriženja jQuery napisane v enojni vrstici kode, ločene s pikami.

Brez povezave več vrstic kode, ki jih je treba napisati, zaradi česar jQuery išče celotni DOM za iskani element, se uporabijo posamezne metode v vsaki vrstici kode. Medtem ko Chaining potrebuje le enkratno izbiro ujemajočega se elementa iz DOM-a, tako da izboljša zmogljivost.

V # 44) Kakšna je razlika med jQuery.get () in jQuery.ajax ()?

Odgovor: Za pošiljanje zahtev HTTP Ajax se uporablja metoda jQuery.ajax (), metoda jQuery.get () pa za pošiljanje zahtev HTTP GET za nalaganje podatkov s strežnika.

V # 45) Kaj je QUnit?

Odgovor: QUnit je ogrodje, ki preizkuša kodo JavaScript, napisano za jQuery, jQuery UI in jQuery Mobile, za uveljavitev pričakovanih rezultatov uporablja trditve in preskusne elemente.

V # 46) Kako jQuery shranjuje podatke, povezane z elementom?

Odgovor: Metoda jQuery.data () pomaga pri pritrjevanju kakršnih koli podatkov na elemente DOM brez puščanja pomnilnika. jQuery poskrbi, da se podatki odstranijo skupaj z elementi DOM, odstranjenimi s pomočjo metod jQuery.

Koda za shranjevanje in pridobivanje podatkov, povezanih z elementom.

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

V # 47) Ali lahko z regularnimi izrazi razložite različne postopke pridobivanja poizvedbenega niza?

Odgovor: Izvleček poizvedbe z regularnim izrazom lahko dosežemo na naslednja dva načina.

1. Nizovski pristop: Ta metoda pomaga pri izpeljavi niza s primerjavo enakovrednega regularnega izraza z uporabo metode .replace ().
2. Pristop rednega izražanja: Uporabiti je treba najmočnejšo metodo za pridobivanje poizvedbenega niza in vzorca, ki se primerja z nizi v JavaScript. Uporaba metod .exec () in .test () za primerjavo z vzorci. match (), matchAll (), replace (), search () in split () je še nekaj načinov za String.

V # 48) Pojasnite koncept metode zaključka v jQuery.

Odgovor: Da bi ustavili vse animacije v čakalni vrsti in jim pomagali, da se postavijo v končno stanje, se uporablja metoda .finish ().

V # 49) Ločite med klicem stop (true, true) in načinom zaključka.

Odgovor: Metoda .finish () pomaga pri čiščenju čakalne vrste in pomaga animacijam, da vstopijo v končno stanje, metoda .stop () pa se pri elementu pokliče tako, da trenutno animacijo prisili, da se takoj ustavi.

V # 50) Kako lahko s pomočjo jQuery napišete kodo, specifično za brskalnik?

Odgovor: Kodo, specifično za brskalnik, lahko v jQuery napišemo s pomočjo navigator.userAgent, da prepoznamo brskalnik iz Internet Explorerja, Chroma, Firefoxa, Safarija in Opere kot spodnjo kodo.

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. }

V # 51) Kakšen je postopek preverjanja podatkovnega tipa katere koli spremenljivke v jQuery?

Odgovor: Tip funkcije jQuery () se uporablja za identifikacijo podatkovnega tipa katere koli spremenljivke, na primer matrike, niza, števila, funkcije ali predmeta.

Zaključek

jQuery je knjižnica JavaScript za manipulacijo z objektnim modelom dokumenta, ki se uporablja predvsem pri prehodu dokumentov HTML in razvoju JavaScript med brskalniki, ki ustvarja DOM in Ajax animacije za upravljanje dogodkov brskalnika.

Upam, da ste našli odgovore na najpogostejša vprašanja o intervjuju na temo „jQuery“ v veliko pomoč. Vadite čim več vprašanj in bodite samozavestni.

Vse najboljše za vaš intervju !!

Priporočeno branje

• Vprašanja in odgovori za intervjuje
• Vprašanja in odgovori za preizkušanje ETL
• 50 najboljših vprašanj in odgovorov na intervju za Salesforce (posodobljeno 2021)
• Nekaj ​​zapletenih ročnih preizkusov Vprašanja in odgovori
• Top 50 najbolj priljubljenih vprašanj in odgovorov za intervjuje CCNA
• Top 51 vprašanj in odgovorov za intervju z Bootstrapom
• Top 50+ vprašanj in odgovorov za intervjuje v zbirki podatkov
• 25 najboljših agilnih preizkusnih vprašanj in odgovorov