50+ najbežnejších otázok a odpovedí z rozhovorov jQuery [aktualizované 2021]

Výsledkom vyššie uvedeného volania metódy je žlté pozadie na položkách A, B, 1, 2, 3 a C, ako je znázornené na obrázku nižšie.

Metóda .find () vyberie všetky podradené prvky prvku DOM, ktorým sa prechádza.

Syntax v API jQuery .children () na vyhľadanie prvku s

značka s triedou „level-2“.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Výsledkom vyššie uvedeného volania metódy je žlté pozadie na položkách A, B a C, ako je znázornené na obrázku nižšie.



Metóda .children () vyberá prvky jednej úrovne prechádzaného prvku DOM.

Otázka č. 14) Vysvetlite rôzne typy selektorov a ich funkčnosť v jQuery.

Odpoveď: selektory jQuery sa používajú na vyhľadanie / výber prvkov HTML z hierarchie DOM na základe ich atribútov, ktoré sú uvedené nižšie.

• názov
• id
• trieda
• typu
• hodnoty

Základné typy selektorov sú:

• názov
• ID
• Názov triedy
• Univerzálny selektor, napríklad *, ktorý vyberá všetky prvky v DOM.
• Viac prvkov. Príklad:
• ,

  ,.

• Selektor atribútov, Príklad: identifikovať / vybrať prvky na základe ich atribútov, ako je farba, štýl písma alebo farba pozadia.

Nižšie je vysvetlený príklad viacerých selektorov prvkov a selektorov atribútov v jQuery.



Vo vyššie uvedenom kóde jQuery je atribút triedy selektor a farba písma textu vo vnútri prvku značky HTML sa zmení na zelenú. Tento kód ovplyvní / zmení farbu písma textov vo vnútri všetkých prvkov, ktoré majú atribúty triedy.

Otázka č. 15) Rozlišujte medzi ID a selektorom triedy v jQuery.

Odpoveď: Každý prvok HTML môže mať iba jedno ID, inými slovami, prvok možno identifikovať pomocou jedinečného ID, zatiaľ čo na viacerých prvkoch môžete použiť rovnakú triedu.

Príklad selektora ID v jQuery na skrytie prvku DOM s atribútom ID, povedzme prvku s ID ako „gold_coin“

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

Ak chcete skryť, povedzte všetky odkazy, ktoré majú svoju triedu, ako „nespracované“,

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

Otázka č. 16) Vysvetlite výhody metód jQuery Ajax.

Odpoveď: Ajax môže požadovať a prijímať údaje zo servera bez opätovného načítania stránok pomocou DOM a JavaScriptu.

Výhody použitia metód Ajax v jQuery sú uvedené nižšie:

• Umožňuje nám to načítať celú stránku znovu a dáva nám flexibilitu načítať iba časť stránky.
• Jednoduché API.
• Podpora viacerých prehliadačov.
• GET a POST podporované.
• Nahrajte dokument JSON, XML, HTML alebo skript.

Otázka č. 17) Rozlišujte medzi metódami jQuery typu onload () a document.ready ().

Odpoveď: Rozdiel medzi metódami onload () a document.ready () je v tom, že metódu onload () JavaScriptu zavoláme až po úplnom zobrazení / načítaní všetkých objektov vo webovom dokumente.

Zatiaľ čo metóda document.ready () sa volá, keď sa do dokumentov načíta štruktúra DOM. Metóda document.ready () sa volá veľmi rýchlo v porovnaní s metódou onload (), pretože neskoršia počká, kým sa obrázky úplne zobrazia.

Otázka č. 18) Vysvetlite funkčnosť metódy connect () jQuery.

Odpoveď: jQuery connect () je doplnok, ktorý sa používa na pripojenie / naviazanie funkcie na inú funkciu priradením obslužnej rutiny. Pomocou tejto funkcie môžeme použiť udalosť prvku DOM.

Otázka č. 19) Stručne vysvetlite bootstrap a doplnok JavaScriptu.

Odpoveď: Bootstrap je rámec alebo sada nástrojov, ktorá na vytváranie webových stránok alebo webových aplikácií obsahuje HTML, CSS a JavaScript. Mnoho komponentov Bootstrap vyžaduje na fungovanie doplnky Javascript.

Otázka č. 20) Vysvetlite aplikácie pre jQuery Mobile.

Odpoveď: jQuery Mobile je open-source rámec kompatibilný s rôznymi prehliadačmi určený na vytváranie mobilných aplikácií prístupných na všetkých smartfónoch, tabletoch a stolných zariadeniach.

jQuery Mobile je vytvorený v jQuery a v používateľskom rozhraní jQuery na vykreslenie rôznych špeciálnych efektov, spracovanie požiadaviek / odpovedí Ajaxu, dotykových udalostí spolu s rôznymi widgetmi.

Otázka č. 21) Rozlišujte medzi jquery.min.js a jquery.js

Odpoveď: jquery.min.js a jquery.js majú rovnakú funkcionalitu, jquery.min.js má odstránené všetky prázdne medzery, aby bol súbor menší a rýchlejšie načítaný, čo má za následok vykonanie skriptu.

Minifikácia súborov JS v produkčnom prostredí znamená, že sa načítajú rýchlejšie a poskytnú rýchly a lepší výkon stránky.

Otázka č. 22) Vysvetlite možnosť metódy jQuery HTML pre dokumenty HTML a XML.

Odpoveď: Metóda jQuery HTML nie je k dispozícii na dokumentoch XML, funguje iba pre dokumenty HTML.

Otázka č. 23) Vysvetlite funkčnosť používateľského rozhrania jQuery (používateľské rozhranie).

Odpoveď: jQuery UI je knižnica jQuery, ktorá poskytuje vytváranie rôznych objektov používateľského rozhrania, ako je niekoľko zoznamov záznamov, kde môžu používatelia vyberať, triediť, presúvať, púšťať a meniť veľkosť konkrétnych prvkov DOM.

Knižnica používateľského rozhrania tiež vytvára vstavané widgety, ako je automatické dokončovanie, začiarkavacie políčka, prepínače, výber dátumu, ponuka atď., Ako aj pridávanie efektov skrytia, zobrazenia alebo prepínania a ďalšie animácie.

Otázka č. 24) Vysvetlite funkčnosť doplnku Data Table pre jQuery.

Odpoveď: Tabuľka údajov je doplnok jQuery, ktorý sa pri použití na záznamy zobrazuje vo forme tabuľky.

Môžeme údaje triediť podľa jedného aj viacerých stĺpcov, prehľadávať konkrétny záznam, pridávať stránkovanie, záznamy na stránku a prechádzať záznamami v tabuľke. Tabuľku údajov je možné použiť na statické údaje, pole, údaje v JSON aj na odpoveď AJAX.

Otázka č. 25) Vysvetlite všetky výhody hostenia jQuery z CDN.

Odpoveď: Hosting jQuery zo siete Content Delivery Network (CDN) pomáha pri vysokej dostupnosti a vysokom výkone pri nižších nákladoch a malom zaťažení siete, vylepšenej latencii (pri odosielaní a prijímaní dátového paketu zo servera sa vyžaduje kratšia doba), ponúka verziu pre konkrétne zariadenie obsahu.

Príklad: Reakcia na veľkosť obrazovky mobilného telefónu a zabezpečená kapacita úložiska pre citlivé dáta alebo súbory.

Otázka č. 26) Identifikujte akýkoľvek rozdiel medzi .detach () a .remove () jQuery.

Odpoveď: metóda detach () jQuery odstráni vybraný prvok, uchová si však údaje a udalosti. Metóda .remove () nástroja jQuery odstraňuje prvky, údaje aj udalosti.

Otázka č. 27) Môžem na skriptovanie na serveri použiť knižnicu jQuery?

Odpoveď: jQuery je klientská skriptovacia knižnica Javascript. Nemožno ho použiť na skriptovanie na strane servera.

Otázka č. 28) Môžete uviesť nejaké situácie alebo scenáre použitia jQuery?

Odpoveď:

Program jQuery môžeme použiť v nasledujúcich situáciách / scenároch:

• Môžeme použiť funkciu jQuery, ktorá môže meniť statické alebo dynamické vlastnosti CSS.
• Pomocou jQuery môžeme volať funkcie na udalosti, ako sú udalosti Form, udalosti klávesnice, udalosti myši, udalosti prehliadača.
• S prvkami DOM môžeme manipulovať (pridávať, upravovať alebo mazať) pomocou jQuery.
• jQuery možno použiť na efekty animácie na prvku HTML postupnou zmenou jeho statickej polohy na inú pozíciu.

Otázka č. 29) Zoznam štyroch parametrov použitých pre metódu jQuery Ajax.

Odpoveď: URL adresa, na ktorú sa požiadavka zasiela, Typ požiadavky, viď GET alebo POST, Dáta / obsah, ktorý sa má poslať na server, a podmienka, či má prehliadač požadovanú stránku povoliť alebo nie uložiť, sú štyri parametre použité pre metódu jQuery Ajax.

sql plsql pohovor otázky a odpovede

Otázka 30) Vysvetlite funkčnosť filtra jQuery.

Odpoveď: .filter () v jQuery skontroluje zhodný prvok a k zhodnému prvku je možné pridať atribút.

Napríklad pre .filter () to môže byť také, ako je uvedené nižšie.



Riadok kódu v API jQuery.filter () na vyhľadanie / odfiltrovanie prvkov zoznamu je uvedený nižšie.

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

Výsledkom vyššie uvedeného volania metódy je žlté pozadie pre texty Fyzika, Matematika, Dejepis, Francúzština atď., Ktoré sú na indexe 0, 2, 4 atď. (Pamätajte, že index začína od 0, preto 0 je párne) ako zobrazené na obrázku nižšie.



Otázka č. 31) Aký špeciálny znak sa používa ako skratka pre jQuery?

Odpoveď: $ sa používa namiesto jQuery,

Príklad: jQuery (document) .ready (function (); možno použiť ako $ (document) .ready (function ()

Otázka č. 32) Vysvetlite rôzne spôsoby, ako môžeme ladiť jQuery.

Odpoveď: Existuje niekoľko spôsobov, ako môžeme ladiť kód jQuery.

Moderné prehliadače ako Google Chrome, Mozilla Firefox, Opera a Safari majú zabudovaný ladiaci program Javascript. Ak chcete ladiť kód jQuery, stlačte kláves F12 na klávesnici a prehliadač so zabudovaným ladiacim programom otvorí používateľské rozhranie, v ktorom vyberte ponuku Konzola. Chyba sa zobrazí v ponuke konzoly, ak existuje.

Môžete napísať console.log () do kódu, aby ste dostali text chyby, môžete tiež napísať debugger; medzi riadkom kódu, kvôli ladiacemu programu sa skript spustí v režime ladenia, stlačením klávesu F12 do prehliadača sa otvorí konzola, ktorá ladí kód, stlačením klávesu F10 sa načítajú hodnoty objektov jQuery a takto môžeme ladiť kód jQuery .

Otázka č. 33) Vysvetlite možné spôsoby, ako môžeme na stránku zahrnúť jQuery.

Odpoveď: Môžete si stiahnuť komprimovanú produkčnú verziu jquery-3.4.1.min.js zo stránky https://jquery.com/download/ a uložiť ju do priečinka lib v priečinku projektu.

i) Môžeme odkazovať na jquery z lokálneho priečinka na project / lib / Script, ako je uvedené nižšie.

ii) Môžeme odkazovať z webových stránok na doručovanie obsahu, ako je napríklad Microsoft CDN, ako je uvedené nižšie.

Otázka č. 34) Vysvetlite funkčnosť metódy .each () v jQuery.

Odpoveď: jQuery .each () sa používa na iteráciu / výpis prvku DOM prítomného v objekte jQuery.

Príklad

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

Otázka č. 35) Rozlišujte medzi .prop () a .attr () metódami jQuery.

Odpoveď: Nasleduje rozdiel medzi .prop () a .attr ().

Príklad:



Kód jQuery obsahuje metódu attr (), ktorá upravuje hodnoty atribútov obrázka, ako je uvedené nižšie.



Metóda .attr () jQuery mení atribúty ako šírka a orámovanie obrázka.

$ (selector) .attr (atribút prvku, hodnota, na ktorú sa atribúty menia).

Metóda .prop () v jQuery sa používa na vrátenie a úpravu vlastností modelu DOM, ako je skontrolovaný, vybraný alebo deaktivovaný stav.

Pink


Pre typ vstupu ako začiarkavacie políčko je hodnota ružová a je zaškrtnutá vlastnosť DOM,



Kód jQuery obsahuje metódu prop (), ktorá upravuje vlastnosti zobrazenia prvku.



Metóda .attr () nám pomáha vybrať hodnotu, ktorá je tu „ružová“, zatiaľ čo metóda .prop () vyberie vlastnosť, ktorá je tu „zaškrtnutá“.

Otázka č. 36) Vysvetlite funkčnosť jQuery.noConflict.

Odpoveď: Metóda noConflict () jQuery sa používa na riešenie konfliktov, keď potrebujeme použiť iné rámce ako jQuery.

Napríklad, veľa knižníc jazyka JavaScript, ako napríklad Mootools, prototyp, zepto atď., používa $, názov funkcie alebo premennej, ktorý sa používa ako náhrada textu jQuery v kóde jQuery, a v takýchto prípadoch metóda .noConflict () umožňuje používať $ identifikátor skratky tým, že ho umožní používať iným skriptom.

Otázka č. 37) Rozlišujte medzi šírkou () a css (šírka) v jQuery.

Odpoveď: V jQuery existujú dve rôzne metódy na zmenu šírky prvku. Prvým spôsobom je použitie .css (property) a druhým spôsobom je použitie .property ().

Príklad:

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

V .css (vlastnosť), ktorá je v tomto prípade šírka, musíme pridať px do zmeny hodnoty, povedzme 300 pixlov.

Môžeme použiť .property (value_change), čo je v tomto prípade šírka a nemusíte pridávať px, ale priamu hodnotu.

spoločnosti zapojené do internetu vecí

Otázka č. 38) Kde môžeme použiť metódu param () v jQuery?

Odpoveď: Môžeme zobraziť pole, obyčajný objekt alebo objekt jquery vo forme prúdu bajtov, aby sme ich mohli uložiť do pamäte, súboru alebo databázy pomocou metódy param () v jQuery.

Otázka č. 39) Rozlišujte medzi $ (týmto) a týmto v jQuery.

Odpoveď: $ (toto) je objekt jQuery, zatiaľ čo toto je globálny odkaz na objekt JavaScriptu, pomocou ktorého môžeme v dokumente HTML odkázať na prvok DOM.

$ (this) odkazuje na nadradený objekt, zatiaľ čo sa odkazuje na element DOM, ktorý v prípade poľa predstavuje objekt metódou .each (), ktorý zobrazuje aktuálnu iteráciu.

Otázka č. 40) Popíšte funkčnosť čítaných cookies, zapisujte cookies a mazajte cookies v jQuery.

Odpoveď: Pri návšteve webových stránok sú súbory cookie údajové hodnoty, napríklad meno používateľa, ktoré sa uloží do malých textových súborov v počítači. Pri opätovnej návšteve webových stránok si súbory cookie pomáhajú zapamätať si meno používateľa. JavaScript a jQuery vytvárajú, čítajú a mazajú súbory cookie s vlastnosťou document.cookie.

Otázka č. 41) Aké je použitie metódy serialize () v jQuery?

Odpoveď: Serializuje hodnoty formulára tak, aby jeho serializované hodnoty mohli byť použité v reťazci dotazu URL pri vytváraní požiadavky AJAX.

Metóda .serialize () jQuery vracia vstupné hodnoty formulára HTML vo forme reťazca.

Otázka č. 42) Aké je použitie metódy val () v jQuery?

Odpoveď: Metóda .val () pomáha nájsť hodnotu atribútu prvku HTML. Napríklad, prvky formulára, ako je vstup, výber a textová oblasť. Val () sa tiež používa na vyhľadanie hodnoty všetkých zhodných prvkov zo začiarkavacích políčok a prepínačov, ako aj z rozbaľovacieho zoznamu.

Príklad vysvetlený syntaxou

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

Otázka č. 43) Čo je reťazenie metód v jQuery? Aké výhody ponúka?

Odpoveď: Pri reťazení metód jQuery je možné na jeden riadok kódu použiť viac akcií, pretože všetky metódy vracajú objekty jQuery, ktoré je možné použiť na volanie inej metódy.

Bez reťazenia sa metódy jQuery volajú jedna po druhej v samostatnom riadku, zatiaľ čo pri reťazení sa metódy jQuery zapisujú do jedného riadku kódu oddeleného bodkami.

Bez reťazenia viacerých riadkov kódu, ktoré je potrebné zapísať, takže jQuery vyhľadá zhodný prvok v celom DOM, potom sa v každom riadku kódu použijú jednotlivé metódy. Zatiaľ čo pri reťazení je potrebný iba jednorazový výber zhody prvku z DOM, aby sa dosiahol lepší výkon.

Otázka 44) Aký je rozdiel medzi jQuery.get () a jQuery.ajax ()?

Odpoveď: Metóda jQuery.ajax () sa používa na odosielanie požiadaviek HTTP Ajax, zatiaľ čo metóda jQuery.get () sa používa na odosielanie požiadaviek HTTP GET na načítanie údajov zo servera.

Otázka č. 45) Čo je to QUnit?

Odpoveď: QUnit je rámec, ktorý testuje kód JavaScript napísaný pre jQuery, jQuery UI a jQuery Mobile, na overenie očakávaných výsledkov používa tvrdenia a testovacie prípravky.

Otázka č. 46) Ako jQuery ukladá údaje súvisiace s prvkom?

Odpoveď: Metóda jQuery.data () pomáha pri pripájaní ľubovoľného typu údajov k prvkom DOM bez úniku pamäte. jQuery zaisťuje odstránenie údajov spolu s prvkami DOM odstránenými metódami jQuery.

Kód na ukladanie a načítanie údajov týkajúcich sa prvku.

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

Otázka č. 47) Môžete vysvetliť rôzne postupy extrakcie reťazca dotazu pomocou regulárnych výrazov?

Odpoveď: Extrakciu reťazca dotazu s regulárnym výrazom môžeme dosiahnuť nasledujúcimi dvoma spôsobmi.

1. Reťazcový prístup: Táto metóda pomáha pri odvodení reťazca porovnaním ekvivalentného regulárneho výrazu pomocou metódy .replace ().
2. Prístup regulárneho výrazu: Musí sa použiť najefektívnejšia metóda na extrahovanie reťazca a vzoru dotazu, ktorá sa porovnáva s reťazcami v jazyku JavaScript. Používanie metód .exec () a .test () na porovnávanie so vzormi. match (), matchAll (), replace (), search () a split () je ďalších niekoľko metód pre reťazec.

Otázka č. 48) Vysvetlite koncept metódy dokončenia v jQuery.

Odpoveď: Na zastavenie všetkých animácií zaradených do frontu a na pomoc s uvedením do konečného stavu sa používa metóda .finish ().

Otázka č. 49) Rozlišujte medzi volaním metódy stop (true, true) a metódy ukončenia.

Odpoveď: Metóda .finish () pomáha pri čistení frontu a pomáha animáciám vstúpiť do ich konečného stavu, zatiaľ čo metóda .stop () sa volá na elemente tým, že núti momentálne spustenú animáciu, aby sa okamžite zastavila.

Otázka 50) Ako môžete pomocou jQuery napísať kód pre konkrétny prehliadač?

Odpoveď: Môžeme napísať kód špecifický pre prehliadač do jQuery pomocou navigator.userAgent na identifikáciu prehľadávača z Internet Exploreru, Chrome, Firefoxu, Safari a Opery, ako je napísaný kód uvedený nižšie.

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

Otázka č. 51) Aký je postup na kontrolu dátového typu ľubovoľnej premennej v jQuery?

Odpoveď: Funkcia jQuery type () sa používa na identifikáciu dátového typu ľubovoľnej premennej, ako je napríklad dátový typ poľa, reťazca, čísla, funkcie alebo objektu.

Záver

jQuery je knižnica JavaScriptu na manipuláciu s objektovými modelmi dokumentov, ktorá sa používa hlavne pri prechádzaní dokumentov HTML a vývoji JavaScriptu pre rôzne prehliadače a vytvára animácie DOM a Ajax na správu udalostí prehliadača.

Dúfam, že vám odpovede na najčastejšie otázky z rozhovoru týkajúceho sa „jQuery“ pomohli. Precvičte si čo najviac otázok a buďte si istí.

Všetko najlepšie pre váš rozhovor !!

Odporúčané čítanie

• Dotazy a odpovede na pohovor
• ETL Testovacie otázky a odpovede na pohovor
• 50 najdôležitejších otázok a odpovedí na pohovor so Salesforce [aktualizované 2021]
• Niektoré zložité otázky a odpovede na ručné testovanie
• Top 50 najpopulárnejších otázok a odpovedí na rozhovory s CCNA
• Top 51 Bootstrap Interview otázok a odpovedí
• Najvyšších 50+ otázok a odpovedí s databázovými rozhovormi
• 25 najlepších otázok a odpovedí na agilné testovacie pohovory