Více než 50 nejčastějších dotazů a odpovědí na rozhovor s jQuery (aktualizováno 2021)

Výsledkem výše uvedeného volání metody je žluté pozadí na položkách A, B, 1, 2, 3 a C, jak je znázorněno na následujícím obrázku.

Metoda .find () vybírá všechny podřízené prvky prvku DOM, který je procházen.

Syntaxe v API jQuery .children () k vyhledání prvku pomocí

tag s třídou „level-2“.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Výsledkem výše uvedeného volání metody je žluté pozadí na položkách A, B a C, jak je znázorněno na obrázku níže.



Metoda .children () vybírá jednotlivé úrovně prvků prvku DOM, který je procházen.

Otázka č. 14) Vysvětlete různé typy selektorů a jejich funkce v jQuery.

Odpovědět: Voliče jQuery se používají k vyhledání / výběru prvků HTML z hierarchie DOM na základě jejich atributů uvedených níže.

• název
• id
• třída
• typ
• hodnoty

Základní typy selektorů jsou:

• název
• ID
• Jméno třídy
• Univerzální selektor, například *, který vybírá všechny prvky v DOM.
• Více prvků. Příklad:
• ,

  ,.

• Výběr atributů, Příklad: identifikovat / vybrat prvky na základě jejich atributů, jako je barva, styl písma nebo barva pozadí.

Níže je vysvětlen příklad více prvků a selektorů atributů v jQuery.



Ve výše uvedeném kódu jQuery je atribut třídy selektor a barva písma textu uvnitř prvku značky HTML se změní na zelenou. Tento kód ovlivní / změní barvu písma textů uvnitř všech prvků, které mají atributy třídy.

Otázka č. 15) Rozlišujte mezi voličem ID a třídy v jQuery.

Odpovědět: Každý prvek HTML může mít pouze jedno ID, jinými slovy lze prvek identifikovat pomocí jedinečného ID, zatímco na více prvcích můžete použít stejnou třídu.

Příklad selektoru ID v jQuery za účelem skrytí prvku DOM s atributem ID, řekněme prvek s ID jako „gold_coin“

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

Chcete-li skrýt, řekněte všechny odkazy, které mají svou třídu, jako „raw“,

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

Otázka č. 16) Vysvětlete výhody metod jQuery Ajax.

Odpovědět: Ajax může požadovat a přijímat data ze serveru bez opětovného načtení stránky pomocí DOM a JavaScriptu.

Níže jsou uvedeny výhody použití metod Ajaxu v jQuery:

• Umožňuje nám vyjmout celé načtení stránky a dává nám flexibilitu načíst pouze část stránky.
• Jednoduché API.
• Podpora více prohlížečů.
• GET a POST podporovány.
• Nahrajte dokument JSON, XML, HTML nebo skript.

Otázka č. 17) Rozlišujte mezi metodami jQuery onload () a document.ready ().

Odpovědět: Rozdíl mezi metodami onload () a document.ready () spočívá v tom, že metoda onload () JavaScriptu bude volána až po úplném zobrazení / načtení všech objektů ve webovém dokumentu.

Vzhledem k tomu, metoda document.ready () se volá, když se načte struktura DOM v dokumentech. metoda document.ready () je volána velmi rychle ve srovnání s metodou onload (), protože později čeká, až se obrázky úplně zobrazí.

Otázka č. 18) Vysvětlete funkčnost metody connect () jQuery.

Odpovědět: jQuery connect () je plugin, který se používá k připojení / svázání funkce s jinou funkcí přiřazením obslužné rutiny. Pomocí této funkce můžeme použít událost prvku DOM.

Otázka č. 19) Stručně vysvětlete bootstrap a JavaScriptový doplněk.

Odpovědět: Bootstrap je framework nebo sada nástrojů, která obsahuje HTML, CSS a JavaScript k vytvoření webové stránky nebo webové aplikace. Mnoho komponent Bootstrap vyžaduje ke svému fungování pluginy Javascript.

Otázka č. 20) Vysvětlete aplikace pro jQuery Mobile.

Odpovědět: jQuery Mobile je open-source framework kompatibilní s různými prohlížeči navržený k vytváření mobilních aplikací přístupných na všech smartphonech, tabletech a stolních zařízeních.

jQuery Mobile je vytvořen na jQuery a uživatelském rozhraní jQuery pro vykreslování různých speciálních efektů, zpracování požadavků / odpovědí Ajaxu, dotykových událostí a různých widgetů.

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

Odpovědět: jquery.min.js a jquery.js mají stejnou funkcionalitu, jquery.min.js má odstraněny všechny prázdné mezery, aby byl soubor menší a rychlejší načtení, což má za následek provedení skriptu.

Mít soubory JS minifikované v produkčním prostředí znamená, že se načtou rychleji a poskytnou rychlý a lepší výkon stránky.

Otázka č. 22) Vysvětlete možnost metody jQuery HTML pro dokumenty HTML a XML.

Odpovědět: Metoda jQuery HTML není k dispozici na dokumentech XML, funguje pouze pro dokumenty HTML.

Otázka č. 23) Vysvětlete funkčnost uživatelského rozhraní jQuery (uživatelské rozhraní).

Odpovědět: jQuery UI je knihovna jQuery, která poskytuje vytváření různých objektů uživatelského rozhraní, jako je několik seznamů záznamů, kde mohou uživatelé vybírat, třídit, přetahovat, přetahovat a měnit velikost konkrétních prvků DOM.

Knihovna uživatelského rozhraní také vytváří integrované widgety, jako je automatické dokončování, zaškrtávací políčko, přepínače, výběr dat, nabídka atd., Stejně jako přidávání efektů skrýt, zobrazit nebo přepínat a další animace.

Otázka č. 24) Vysvětlete funkčnost modulu plug-in Data Table pro jQuery.

Odpovědět: Tabulka dat je modul plug-in jQuery, který se při použití na záznamy zobrazuje ve formě tabulky.

Můžeme třídit data mezi jednotlivými i více sloupci, prohledávat konkrétní záznamy, přidávat stránkování, záznamy na stránku a procházet záznamy v tabulce. Data Table can be applied to static data, Array, data in JSON as well as AJAX response.

Otázka č. 25) Vysvětlete některou z výhod hostování jQuery z CDN.

Odpovědět: Hosting jQuery ze sítě Content Delivery Network (CDN) pomáhá při vysoké dostupnosti a vysokém výkonu při nižších nákladech a nízkém zatížení sítě, vylepšené latenci (při odesílání a přijímání datového paketu ze serveru je kratší doba), nabízí verzi specifickou pro zařízení obsahu.

Příklad: Citlivost na velikost obrazovky mobilního telefonu a zabezpečená kapacita úložiště pro citlivá data nebo soubory.

Otázka č. 26) Určete jakýkoli rozdíl mezi .detach () a .remove () jQuery.

Odpovědět: metoda detach () jQuery odstraní vybraný prvek, ale uchová si data a události. Metoda .remove () v jQuery odstraňuje prvky, data i události.

Otázka č. 27) Mohu pro skriptování na serveru použít knihovnu jQuery?

Odpovědět: jQuery je klientská skriptovací knihovna Javascript. Nelze jej použít pro skriptování na straně serveru.

Otázka č. 28) Můžete uvést některé situace nebo scénáře pro použití jQuery?

Odpovědět:

Můžeme použít jQuery v následujících situacích / scénářích:

• Můžeme použít funkci jQuery, která může změnit statickou nebo dynamickou vlastnost CSS.
• Můžeme volat funkce na události, jako jsou události formuláře, události klávesnice, události myši, události prohlížeče pomocí jQuery.
• S prvky DOM můžeme manipulovat (přidávat, upravovat nebo mazat) pomocí jQuery.
• jQuery lze použít pro efekty animace na elementu HTML postupnou změnou jeho statické polohy na jinou pozici.

Q # 29) Seznam čtyř parametrů použitých pro metodu jQuery Ajax.

Odpovědět: Adresa URL, na kterou je požadavek odeslán, Typ požadavku viz GET nebo POST, Data / obsah, který má být odeslán na server, a podmínka, aby prohlížeč požadovanou stránku povolil nebo neukryl, jsou čtyři parametry použité pro metodu jQuery Ajax.

Otázka č. 30) Vysvětlete funkčnost filtru jQuery.

Odpovědět: .filter () v jQuery zkontroluje shodu prvku a atribut lze přidat k prvku shody.

Například pro .filter () to může být, jak je uvedeno níže.



Řádek kódu v rozhraní jQuery.filter () API k vyhledání / odfiltrování prvků seznamu jsou uvedeny níže.

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

Výsledkem výše uvedeného volání metody je žluté pozadí pro texty Fyzika, Matematika, Historie, Francouzština atd., Které jsou na indexu 0, 2, 4 atd. (Pamatujte, že index začíná od 0, tedy 0 je sudé) jako zobrazené na obrázku níže.



Otázka č. 31) Jaký speciální znak se používá jako zkratka pro jQuery?

Odpovědět: $ se používá místo jQuery,

Příklad: jQuery (document) .ready (function (); lze použít jako $ (document) .ready (function ()

Otázka č. 32) Vysvětlete různé způsoby, jak můžeme ladit jQuery.

Odpovědět: Existuje několik způsobů, jak můžeme ladit kód jQuery.

Moderní prohlížeče jako Google Chrome, Mozilla Firefox, Opera a Safari mají zabudovaný ladicí program Javascript. Chcete-li ladit kód jQuery, stiskněte na klávesnici klávesu F12 a prohlížeč s integrovaným debuggerem otevře uživatelské rozhraní, ve kterém vyberte nabídku „Konzole“. Chyba se zobrazí v nabídce konzoly, pokud existuje.

Do kódu můžete napsat console.log (), abyste získali text chyby, můžete také napsat debugger; mezi řádkem kódu, kvůli debuggeru se skript spustí v režimu ladění, stisknutím klávesy F12 do prohlížeče se otevře konzola, která bude ladit kód, stisknutím klávesy F10 se načtou hodnoty objektů jQuery a takto můžeme ladit kód jQuery .

Otázka č. 33) Vysvětlete možné způsoby, kterými můžeme zahrnout jQuery na stránku.

Odpovědět: Můžete si stáhnout komprimovanou produkční verzi jquery-3.4.1.min.js z webu https://jquery.com/download/ a uložit ji do složky lib ve složce projektu.

nejlepší společnosti pro vývoj webových aplikací v Indii

i) Můžeme odkazovat na jquery z místní složky na project / lib / Scripts, jak je uvedeno níže.

ii) Můžeme odkazovat z webů pro doručování obsahu, jako je Microsoft CDN, jak je uvedeno níže.

Otázka č. 34) Vysvětlete funkčnost metody .each () v jQuery.

Odpovědět: jQuery .each () se používá k iteraci / výpisu prvku DOM přítomného v objektu jQuery.

Pří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

Q # 35) Rozlišujte mezi .prop () a .attr () metodami jQuery.

Odpovědět: Následuje rozdíl mezi .prop () a .attr ().

Příklad:



java vs c ++ což je lepší

Kód jQuery obsahuje metodu attr (), která upravuje hodnoty atributů obrázku, jak je znázorněno níže.



Metoda .attr () nástroje jQuery mění atributy, jako je šířka a okraj obrázku.

$ (selector) .attr (atribut prvku, hodnota, na kterou jsou atributy změněny).

Metoda .prop () v jQuery se používá k návratu a úpravám vlastností DOM, jako je zkontrolovaný, vybraný nebo deaktivovaný stav.

Pink


U typu vstupu jako zaškrtávacího políčka je hodnota růžová a je zaškrtnuta vlastnost DOM,



Kód jQuery obsahuje metodu prop (), která upravuje vlastnost zobrazení prvku.



Metoda .attr () nám pomáhá vybrat hodnotu, která je zde „růžová“, zatímco metoda .prop () vybírá vlastnost, která je zde „zaškrtnuta“.

Otázka č. 36) Vysvětlete funkčnost jQuery.noConflict.

Odpovědět: Metoda noConflict () jQuery se používá k řešení konfliktů, když potřebujeme použít jiné rámce než jQuery.

Například, mnoho knihoven JavaScript, jako je Mootools, prototyp, zepto atd., používá $, název funkce nebo proměnné, který se používá jako náhrada textu jQuery v kódu jQuery, a v takových případech metoda .noConflict () umožňuje použít $ identifikátor zástupce tím, že jej povolí používat jiné skripty.

Otázka č. 37) Rozlišujte mezi šířkou () a css („šířkou“) v jQuery.

Odpovědět: V jQuery existují dvě různé metody, jak změnit šířku prvku. Prvním způsobem je použití .css (vlastnost) a druhým způsobem je použití .property ().

Příklad:

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

V .css (vlastnost), což je v tomto případě šířka, musíme přidat px do value_change, řekněme 300px.

Můžeme použít .property (value_change), což je v tomto případě šířka, a nemusíte přidávat px, ale přímou hodnotu.

Otázka č. 38) Kde můžeme použít metodu param () v jQuery?

Odpovědět: Můžeme zobrazit pole, prostý objekt nebo objekt jquery ve formě proudu bajtů, aby je bylo možné uložit do paměti, souboru nebo databáze pomocí metody param () v jQuery.

Otázka č. 39) Rozlišujte mezi $ (this) a tímto v jQuery.

Odpovědět: $ (this) is a jQuery object, while this is a JavaScript's global object reference, using this we can refer DOM element in HTML document.

$ (this) odkazuje na nadřazený objekt, zatímco toto odkazuje na prvek DOM, který v případě pole představuje objekt s metodou .each (), která zobrazuje aktuální iteraci.

Otázka č. 40) Popište funkčnost čtecích cookies, zapisujte cookies a mazejte cookies v jQuery.

Odpovědět: Při návštěvě webových stránek jsou soubory cookie datovými hodnotami, jako je jméno uživatele, které se uloží do malých textových souborů v počítači. Při opětovné návštěvě webových stránek si soubory cookie pomáhají zapamatovat jméno uživatele. JavaScript a jQuery vytvářejí, čtou a odstraňují soubory cookie pomocí vlastnosti document.cookie.

Otázka č. 41) Jaké je použití metody serialize () v jQuery?

Odpovědět: Serializuje hodnoty formuláře tak, aby jeho serializované hodnoty mohly být použity v řetězci dotazu URL při vytváření požadavku AJAX.

Metoda .serialize () jQuery vrací vstupní hodnoty formuláře HTML ve formě řetězce.

Otázka č. 42) Jaké je použití metody val () v jQuery?

Odpovědět: Metoda .val () pomáhá najít hodnotu atributu prvku HTML. Například, prvky formuláře, jako je vstup, výběr a textová oblast. Val () se také používá k vyhledání hodnoty všech odpovídajících prvků z políček a přepínačů a také z rozevíracího seznamu.

Příklad vysvětlen syntaxí

// 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) Co je Chaining metod v jQuery? Jaké výhody nabízí?

Odpovědět: Díky řetězení metod jQuery lze na jeden řádek kódu použít více akcí, protože všechny metody vracejí objekty jQuery, které lze využít k volání jiné metody.

Bez řetězení se metody jQuery volají jedna po druhé v samostatném řádku, zatímco při řetězení se metody jQuery zapisují do jednoho řádku kódu odděleného tečkami.

Bez zřetězení více řádků kódu, které je třeba zapsat, takže jQuery prohledá celý DOM na shodný prvek, pak se v každém řádku kódu použijí jednotlivé metody. Zatímco Chaining potřebuje pouze jednorázový výběr shodného prvku z DOM, aby se zlepšil výkon.

Otázka 44) Jaký je rozdíl mezi jQuery.get () a jQuery.ajax ()?

Odpovědět: Metoda jQuery.ajax () se používá k odesílání požadavků HTTP Ajax, zatímco metoda jQuery.get () se používá k odesílání požadavků HTTP GET k načtení dat ze serveru.

Otázka č. 45) Co je to QUnit?

Odpovědět: QUnit je framework, který testuje kód JavaScript napsaný pro jQuery, jQuery UI a jQuery Mobile, používá tvrzení a testovací přípravky pro ověřování očekávaných výsledků.

Otázka č. 46) Jak jQuery ukládá data související s prvkem?

Odpovědět: Metoda jQuery.data () pomáhá při připojování jakéhokoli typu dat k prvkům DOM bez úniku paměti. jQuery zajišťuje, že data jsou odstraněna spolu s prvky DOM odstraněnými metodami jQuery.

Kód pro ukládání a načítání dat souvisejících s prvkem.

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

Otázka č. 47) Můžete vysvětlit různé postupy extrakce řetězce dotazu pomocí regulárních výrazů?

Odpovědět: Extrakci řetězce dotazu s regulárním výrazem můžeme provést následujícími dvěma způsoby.

1. Řetězcový přístup: Tato metoda pomáhá při odvozování řetězce porovnáním ekvivalentního regulárního výrazu pomocí metody .replace ().
2. Přístup regulárního výrazu: Je třeba použít nejúčinnější metodu pro extrahování řetězce dotazu a vzoru, který se porovnává s řetězci v JavaScriptu. Použití metod .exec () a .test () pro srovnání se vzory. match (), matchAll (), replace (), search () a split () je dalších několik metod pro řetězec.

Otázka č. 48) Vysvětlete koncept metody dokončení v jQuery.

Odpovědět: Aby se zastavily všechny animace ve frontě a pomohlo jim umístit je do konečného stavu, používá se metoda .finish ().

Otázka č. 49) Rozlišujte mezi voláním metody stop (true, true) a dokončení.

Odpovědět: Metoda .finish () pomáhá při mazání fronty a pomáhá animacím vstoupit do jejich koncového stavu, zatímco metoda .stop () se volá u elementu tím, že nutí aktuálně spuštěnou animaci okamžitě se zastavit.

Otázka č. 50) Jak můžete pomocí jQuery napsat kód pro konkrétní prohlížeč?

Odpovědět: Můžeme napsat kód specifický pro prohlížeč v jQuery pomocí navigator.userAgent k identifikaci prohlížeče z Internet Explorer, Chrome, Firefox, Safari a Opera, jak je napsáno níže.

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) Jaký je postup pro kontrolu datového typu libovolné proměnné v jQuery?

Odpovědět: Funkce jQuery type () se používá k identifikaci datového typu jakékoli proměnné, jako je datový typ pole, řetězce, čísla, funkce nebo objektu.

Závěr

jQuery je knihovna JavaScript pro manipulaci s objektovými modely dokumentů, která se používá hlavně při procházení dokumentů HTML a vývoji JavaScriptu napříč prohlížeči, který vytváří animace DOM a Ajax pro správu událostí prohlížeče.

Doufám, že vám odpovědi na nejčastěji kladené otázky z rozhovorů na téma „jQuery“ byly nesmírně užitečné. Procvičte si co nejvíce otázek a buďte si jisti.

Vše nejlepší pro váš rozhovor !!

Doporučené čtení

• Dotazy a odpovědi na pohovor
• ETL Testing Interview Otázky a odpovědi
• 50 nejlepších otázek a odpovědí na rozhovor se Salesforce (aktualizováno 2021)
• Některé složité otázky a odpovědi týkající se ručního testování
• Top 50 nejoblíbenějších dotazů a odpovědí na rozhovor s CCNA
• Top 51 Bootstrap Interview Otázky a odpovědi
• Nejlepší 50+ otázek a odpovědí na rozhovory s databázemi
• 25 nejlepších agilních testovacích otázek a odpovědí na rozhovor