50 most common jquery interview questions
Acest tutorial listează cele mai frecvente întrebări și răspunsuri la interviul jQuery pentru a vă ajuta să vă pregătiți pentru următorul dvs. interviu jQuery:
Dacă vă pregătiți pentru un interviu jQuery, atunci iată cele mai frecvente întrebări ale interviului jQuery cu răspunsuri și exemple pentru referință.
Am încercat să adunăm toate întrebările posibile pe care s-ar putea să le întâlniți în timpul interviului tehnic pentru a vă verifica competența în jQuery.
Să explorăm!
Ce veți învăța:
Ce este jQuery?
jQuery este o bibliotecă JavaScript de manipulare a modelului de obiect document, care este utilizată în principal în gestionarea și călătoria prin documente HTML, gestionarea evenimentelor elementelor web, efecte speciale asupra comunicațiilor DOM și Ajax și dezvoltarea JavaScript a browserului multiplu.
jQuery este o bibliotecă JavaScript ușoară care conține următoarele caracteristici:
- Manipularea HTML / DOM
- Manipularea CSS
- Metode de eveniment HTML
- Efecte și animații
- AJAX
- Utilități
Lista celor mai importante întrebări de interviu jQuery
Q # 1) Puteți explica ce este jQuery?
Răspuns: jQuery este o bibliotecă JavaScript rapidă, ușoară și bogată în caracteristici. Este ușor de utilizat API compatibil cross-browser pentru traversarea și manipularea documentelor HTML, gestionarea evenimentelor, adăugarea de efecte de animație la paginile web și ajută la interacțiunile Ajax.
Q # 2) Puteți face diferența între JavaScript și jQuery?
Răspuns: JavaScript este un limbaj de scriptare open-source care transformă paginile web statice în pagini dinamice, care sunt utilizate pentru a valida datele formularului înainte de a le trimite unui server.
jQuery este o bibliotecă javascript ușoară, rapidă, compatibilă cu browserul, utilizată pentru traversarea și manipularea documentelor HTML, gestionarea evenimentelor, adăugarea de efecte de animație la paginile web și ajută la interacțiunile Ajax.
Q # 3) Explicați diferite metode de efecte jQuery.
Răspuns: Metoda efectelor jQuery ne ajută să adăugăm câteva efecte speciale elementelor HTML prezente în DOM ale paginilor web, iar aceste metode pot fi grupate în fade, slide, hide, show și efecte speciale.
Lista metodelor de efecte jQuery este prezentată mai jos.
- spectacol(): Această metodă poate afișa / afișa elementul selectat.
- ascunde(): Această metodă ascunde elementul selectat.
- comutare(): Această metodă ajută la comutarea între metoda show () și hide () pentru elementul selectat.
- fadeIn (): Această metodă ajută elementele ascunse din pagină să se estompeze (afișate), adică transformă elementele ascunse într-un element opac.
- fadeOut (): Această metodă ajută la ascunderea unui element de pe pagina web, făcând elementul colorat transparent, cu alte cuvinte, se estompează.
- fadeToggle (): Această metodă ajută la modificarea stării elementului selectat, adică a elementului selectat ascuns în element selectat vizibil și vizibil în element ascuns.
- glisați în sus (): Această metodă poate ajuta elementul HTML selectat să alunece în sus.
- glisați în jos(): Această metodă poate ajuta elementul HTML selectat să alunece în jos.
- slideToggle (): Această metodă ajută la modificarea poziției elementului selectat, adică a elementului selectat dacă alunecă în sus din poziția sa, atunci va aluneca în jos și, dacă elementul selectat a alunecat în jos din poziția sa, atunci va aluneca în sus.
- animate(): Această metodă poate schimba elementele selectate dintr-o stare în alta cu stiluri CSS. Valoarea proprietății CSS, cum ar fi poziția, culoarea sau forma, se modifică într-un anumit interval, rezultând un efect animat.
Q # 4) Dați câteva exemple de metode Ajax în jQuery.
Răspuns: Ajax vă ajută să trimiteți și să preluați date, precum și să schimbați conținutul paginii web de pe un server, fără a fi necesară reîncărcarea întregii pagini. Metodele jQuery Ajax precum load (), get (), post () facilitează apelurile Ajax efectuate de aplicație.
Q # 5) Explicați funcționalitatea metodei Ajax ().
Răspuns: Metoda Ajax () trimite cereri HTTP asincrone către server și primește datele de la server. Metoda Ajax () este valoroasă, deoarece oferă posibilitatea de a specifica atât apelurile de succes, cât și cele de eșec.
Q # 6) Explicați funcționalitatea metodei ajax load ().
Răspuns: Metoda load () trimite solicitări HTTP pentru a încărca date sub formă de conținut HTML sau text de pe un server și plasează datele returnate în elementele selectate DOM.
Q # 7) Elaborează jQuery Ajax Evenimente.
Răspuns: Metodele Ajax declanșează un gestionar de evenimente care are ca rezultat jQuery Ajax Events. Unele dintre exemplele jQuery Ajax Events sunt cele enumerate mai jos.
Aceste evenimente sunt clasificate în evenimente locale și evenimente globale.
- ajaxStart (): Este un eveniment global. Acest eveniment se declanșează ca urmare a inițierii unei cereri Ajax, cu condiția să nu ruleze nicio altă cerere Ajax.
- beforeSend (): Este un eveniment local, după cum indică și numele, acest eveniment este invocat înainte de a începe solicitarea Ajax, permițând astfel modificarea obiectelor XMLHttpRequest.
- ajaxSend (): Este un eveniment global, iar acest eveniment este apelat înainte ca cererea Ajax să fie executată.
- succes(): Este un eveniment local. Acest eveniment se declanșează numai dacă solicitarea Ajax a fost trimisă cu succes (adică, în timp ce trimitea cererea Ajax, evenimentul nu afișează nicio eroare de la server sau de la date).
- ajaxSuccess (): Este un eveniment global, se declanșează numai dacă solicitarea trimisă a avut succes.
- eroare(): Este un eveniment local, care se declanșează dacă apare o eroare în timpul executării cererii. (Puteți avea fie o eroare, fie un apel invers cu succes în timp ce trimiteți cererea Ajax)
- ajaxError (): Este un eveniment global, care se comportă la fel ca evenimentul său local de eroare ().
- complet(): Este un eveniment local. Acest eveniment este apelat indiferent dacă solicitarea are succes sau are ca rezultat o eroare și se primesc apeluri complete, chiar și pentru solicitările sincrone.
- ajaxComplete (): Este un eveniment global, care se comportă la fel ca evenimentul său omolog complet (), chiar și pentru solicitări sincrone.
- ajaxStop (): Este un eveniment global, care se declanșează atunci când nicio cerere Ajax nu este încă procesată / în așteptare pentru procesare.
Q # 8) Explicați funcționalitatea metodei ajaxComplete ().
Răspuns: AjaxComplete () este apelat indiferent dacă solicitarea are succes sau rezultă într-o eroare și se primește o apelare completă, chiar și pentru solicitările sincrone.
cele mai bune aplicații pentru spionarea pe cineva
Q # 9) Explicați funcționalitatea metodei ajaxStart ().
Răspuns: Evenimentul ajaxStart () este un eveniment global care se declanșează ca urmare a pornirii unei cereri Ajax, cu condiția să nu ruleze alte cereri Ajax în prezent.
Q # 10) Explicați câteva exemple de Evenimente în jQuery.
Răspuns: Acțiunile asupra elementelor HTML din paginile web sunt evenimente în jQuery sau JavaScript, făcând astfel pagini web dinamice.
Puține exemple de evenimente sunt enumerate mai jos.
- Dând clic pe mouse peste un element precum un buton.
- Trimiterea valorilor elementului de intrare din formularul HTML.
- Resetați elementul formularului la valorile implicite sau reîncărcați o pagină.
- Apăsând sau tastând oricare sau mai multe taste de pe tastatură.
- Derularea paginii web etc.
Q # 11) Explicați exemple ale unor categorii de evenimente jQuery.
Răspuns: Evenimentele jQuery sunt clasificate pe baza tipurilor lor:
- Evenimente de mouse, cum ar fi click & dblclick.
- Evenimente de la tastatură, cum ar fi tastarea și tastarea.
- Formați evenimente precum trimitere, focalizare și schimbare.
- Evenimente de document / fereastră precum încărcare, descărcare și derulare.
Q # 12) Explicați funcționalitatea metodei jQuery CSS ().
Răspuns: Metoda CSS () din jQuery este utilizată pentru a verifica valoarea actuală a proprietății de stil, pentru a adăuga sau a modifica proprietatea de stil a elementului selectat. Cu alte cuvinte, metoda jQuery CSS () este utilizată pentru GET și SET proprietățile stilului CSS ale elementului DOM.
Q # 13) Diferențiați între metodele find () și children ().
Răspuns: .find () și .children () sunt utilizate pentru a localiza copilul elementelor DOM potrivite, .find () se deplasează la orice nivel în jos, în timp ce .children () parcurge un singur nivel în jos pentru a localiza elementul.
Să luăm în considerare următoarea structură DOM într-un document HTML.
Sintaxa în jQuery .find () API pentru a localiza elementul în interior
$('li.item-li').find('li').css('background-color','yellow');
Rezultatul apelului de metodă de mai sus este un fundal galben pentru articolele A, B, 1, 2, 3 și C așa cum se arată în imaginea de mai jos.
Metoda .find () selectează toate elementele copil ale elementului DOM care este traversat.
Sintaxă în jQuery .children () API pentru a localiza elementul cuetichetați cu clasa „nivel-2”.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Rezultatul apelului de metodă de mai sus este un fundal galben pentru elementele A, B și C așa cum se arată în imaginea de mai jos.
Metoda .children () selectează elemente de nivel unic ale elementului DOM care este traversat.
Q # 14) Explicați diferite tipuri de selectoare și funcționalitatea lor în jQuery.
Răspuns: Selectorii jQuery sunt utilizați pentru a localiza / selecta elemente HTML din ierarhia DOM pe baza atributelor lor, așa cum sunt enumerate mai jos.
- Nume
- id
- clasă
- tip
- valori
Tipurile de bază ale selectorului sunt:
- Nume
- ID
- Numele clasei
- Selector universal precum *, care selectează toate elementele dintr-un DOM.
- Elemente multiple. Exemplu:
- ,
,.
- Selector de atribute, Exemplu: identificați / selectați elemente pe baza atributelor lor, cum ar fi culoarea, stilul fontului sau culoarea de fundal.
Exemplul de elemente multiple și selectoare de atribute în jQuery este explicat mai jos.
În codul jQuery de mai sus, atributul clasei este un selector, iar culoarea fontului textului din elementul etichetei HTML este schimbată în verde. Acest cod va afecta / modifica culoarea fontului textelor din toate acele elemente care au atribute de clasă.
Q # 15) Diferențiați între ID și selectorul de clase în jQuery.
Răspuns: Fiecare element HTML poate avea un singur ID, cu alte cuvinte, un element poate fi identificat cu un ID unic, în timp ce puteți utiliza aceeași clasă pe mai multe elemente.
Exemplu de selector ID în jQuery pentru a ascunde un element DOM cu un ID ca atribut, să spunem elementul cu un ID ca „gold_coin”
$('#gold_coin').hide();
Dacă doriți să vă ascundeți, spuneți toate linkurile care au clasa sa ca „raw”,
$('a.raw').hide();
Q # 16) Explicați avantajele metodelor jQuery Ajax.
Răspuns: Ajax poate solicita și primi date de la server fără reîncărcarea paginii cu ajutorul DOM și JavaScript.
Avantajele utilizării metodelor Ajax în jQuery sunt enumerate mai jos:
- Ne permite să scoatem întreaga reîncărcare a paginii și ne oferă flexibilitatea de a încărca doar o parte a paginii.
- API simplu.
- Suport cross-browser.
- GET și POST acceptate.
- Încărcați documente JSON, XML, HTML sau script.
Q # 17) Diferențiați între metodele onQuery () și document.ready () jQuery.
Răspuns: Diferența dintre metodele onload () și document.ready () este că metoda onload () din JavaScript va fi apelată numai după ce toate obiectele din documentul web sunt complet afișate / încărcate.
În timp ce metoda document.ready () este apelată atunci când structura DOM este încărcată în documente. Metoda document.ready () este apelată foarte repede în comparație cu metoda onload (), deoarece ulterior așteaptă până când imaginile sunt complet afișate.
Q # 18) Explicați funcționalitatea metodei connect () a jQuery.
Răspuns: jQuery connect () este un plugin care este utilizat pentru a conecta / lega o funcție la o altă funcție prin atribuirea unui handler. Putem folosi un eveniment al unui element DOM folosind această funcție.
Q # 19) Explicați pe scurt bootstrap-ul și pluginul JavaScript.
Răspuns: Bootstrap este un cadru sau un set de instrumente care include HTML, CSS și JavaScript pentru a crea o pagină web sau o aplicație web. Multe dintre componentele Bootstrap necesită pluginuri Javascript pentru a funcționa.
Q # 20) Explicați aplicațiile pentru jQuery Mobile.
Răspuns: jQuery Mobile este un cadru compatibil open-source compatibil cu browser-ul conceput pentru a crea aplicații mobile accesibile pe toate smartphone-urile, tabletele și dispozitivele desktop.
jQuery Mobile este creat pe jQuery și interfața utilizator a jQuery pentru redarea diferitelor efecte speciale, gestionarea cererilor / răspunsurilor Ajax, evenimentelor tactile, împreună cu o varietate de widget-uri.
Q # 21) Faceți diferența între jquery.min.js și jquery.js
Răspuns: jquery.min.js și jquery.js au aceeași funcționalitate, jquery.min.js are toate spațiile goale eliminate pentru a face fișierul mai mic și mai rapid de încărcat, rezultând executarea scriptului.
Dacă fișierele JS sunt reduse într-un mediu de producție înseamnă că acestea se vor încărca mai repede și vor oferi o performanță mai rapidă și mai bună a paginii.
Q # 22) Explicați posibilitatea metodei jQuery HTML pentru documentele HTML și XML.
Răspuns: Metoda jQuery HTML nu este disponibilă pentru documentele XML, funcționează doar pentru documentele HTML.
Q # 23) Explicați funcționalitatea jQuery UI (interfață utilizator).
Răspuns: jQuery UI este o bibliotecă jQuery, care oferă construirea diverselor obiecte de interfață cu utilizatorul, cum ar fi liste de înregistrări multiple în care utilizatorii pot selecta, sorta, trage, plasa, precum și redimensiona anumite elemente DOM.
Biblioteca UI creează, de asemenea, widget-uri încorporate, cum ar fi completarea automată, caseta de selectare, butoanele radio, datapicker, meniul etc., precum și adăugarea unui efect de ascundere, afișare sau comutare și alte animații.
Q # 24) Explicați funcționalitatea unui plug-in Tabel de date pentru jQuery.
Răspuns: Tabelul de date este un plugin jQuery care, atunci când este aplicat înregistrărilor, este afișat într-o formă tabelară.
Putem sorta datele pe coloane unice, precum și pe mai multe coloane, căutăm înregistrarea specifică, adăugăm paginări, înregistrări pe pagină și navigăm în înregistrările dintr-un tabel. Tabelul de date poate fi aplicat la date statice, matrice, date în JSON, precum și răspunsul AJAX.
Q # 25) Explicați oricare dintre avantajele găzduirii unui jQuery de pe CDN.
Răspuns: Găzduirea jQuery din rețeaua de livrare a conținutului (CDN) ajută la disponibilitate ridicată și performanță ridicată la un cost mai redus și încărcare redusă a rețelei, latență îmbunătățită (este nevoie de timp mai mic pentru trimiterea și primirea unui pachet de date de la server), oferă o versiune specifică dispozitivului de conținut.
Exemplu: Sensibilitate pentru dimensiunea ecranului mobil și capacitate de stocare securizată pentru date sau fișiere sensibile.
Q # 26) Identificați orice diferență între .detach () și .remove () din jQuery.
Răspuns: metoda detach () a jQuery elimină elementul selectat, însă păstrează date și evenimente. .remove () metoda jQuery elimină elemente, date, precum și evenimente.
Q # 27) Pot folosi o bibliotecă jQuery pentru scriptarea serverului?
Răspuns: jQuery este o bibliotecă Javascript de scriptare în partea clientului. Nu poate fi folosit pentru scriptarea de pe server.
Q # 28) Puteți oferi câteva situații sau scenarii pentru utilizarea jQuery?
Răspuns:
Putem folosi jQuery în următoarele situații / scenarii:
- Putem aplica o funcție jQuery care poate modifica proprietățile statice sau dinamice CSS.
- Putem apela funcții la evenimente precum evenimente Form, evenimente de la tastatură, evenimente Mouse, evenimente Browser cu ajutorul jQuery.
- Putem manipula (adăuga, edita sau șterge) elemente DOM folosind jQuery.
- jQuery poate fi utilizat pentru efecte de animație asupra elementului HTML schimbându-și treptat poziția statică în altă poziție.
Q # 29) Enumerați cei patru parametri utilizați pentru metoda jQuery Ajax.
Răspuns: Adresa URL unde este trimisă solicitarea, Tipul cererii, respectiv GET sau POST, Datele / conținutul care urmează să fie trimise către server și condiția ca browserul să permită sau să nu cache pagina solicitată sunt cei patru parametri utilizați pentru metoda jQuery Ajax.
Q # 30) Explicați funcționalitatea filtrului jQuery.
Răspuns: .filter () în jQuery va verifica elementul potrivit și atributul poate fi adăugat elementului potrivit.
De exemplu, pentru .filter (), poate fi așa cum este prezentat mai jos.
Linia de cod din jQuery.filter () API pentru a localiza / filtra elementele listei sunt cele de mai jos.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Rezultatul apelului de metodă de mai sus este un fundal galben pentru textele Fizică, Matematică, Istorie, Franceză etc. care se află la indexul 0, 2, 4 și așa mai departe, (amintiți-vă că indexul începe de la 0, deci 0 este un par) ca afișat în imaginea de mai jos.
Q # 31) Ce personaj special este folosit ca comandă rapidă pentru jQuery?
Răspuns: $ este utilizat în locul jQuery,
Exemplu: jQuery (document) .ready (function (); poate fi folosit ca $ (document) .ready (function ()
Q # 32) Explicați diferitele moduri în care putem depana jQuery.
Răspuns: Există câteva modalități prin care putem depana codul jQuery.
Browserele moderne, cum ar fi Google Chrome, Mozilla Firefox, Opera și Safari, au încorporat un debugger Javascript. Pentru a depana codul jQuery, apăsați F12 de pe tastatură și browserul cu depanatorul încorporat va deschide o interfață de utilizare, în care selectați meniul „Consolă”. Eroarea va fi afișată în meniul consolei, dacă există.
Puteți scrie console.log () în cod pentru a obține textul de eroare, puteți scrie și debugger; între linia de cod, din cauza depanatorului, scriptul va începe în modul de depanare, apăsând F12 în browser se va deschide consola care va depana codul, apăsând F10 se vor citi valorile obiectelor jQuery și acesta este modul în care putem depana codul jQuery .
Q # 33) Explicați modalitățile posibile prin care putem include jQuery pe o pagină.
Răspuns: Puteți descărca versiunea de producție comprimată jquery-3.4.1.min.js de pe site-ul https://jquery.com/download/ și o puteți salva în folderul lib sub folderul proiectului.
i) Putem face referință la jQuery din folderul local la project / lib / Scripts după cum urmează.
ii) Putem face referire la site-urile de rețea de livrare a conținutului, cum ar fi Microsoft CDN, ca mai jos.
Q # 34) Explicați funcționalitatea metodei .each () în jQuery.
Răspuns: jQuery .each () este folosit pentru a itera / lista elementul DOM prezent în obiectul jQuery.
Exemplu
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) Diferențiați între metodele .prop () și .attr () ale jQuery.
Răspuns: Urmează diferența dintre .prop () și .attr ().
Exemplu:
Codul jQuery conține metoda attr () care modifică valorile atributelor unei imagini așa cum se arată mai jos.
.attr () metoda jQuery modifică atribute precum lățimea și marginea imaginii.
$ (selector) .attr (atributul elementului, valoarea la care se schimbă atributele).
Metoda .prop () în jQuery este utilizată pentru a returna și modifica proprietățile DOM, cum ar fi starea bifată, selectată sau dezactivată.
Pink
Pentru tipul de intrare ca casetă de selectare, valoarea este roz și proprietatea DOM este bifată,
Codul jQuery conține metoda prop () care modifică proprietatea de afișare a unui element.
Metoda .attr () ne ajută să selectăm aici o valoare „roz”, în timp ce metoda .prop () selectează proprietatea care este „verificată” aici.
Q # 36) Explicați funcționalitatea jQuery.noConflict.
Răspuns: metoda noConflict () a jQuery este aplicată pentru a rezolva conflictele atunci când trebuie să folosim cadre, altele decât jQuery.
De exemplu, multe biblioteci JavaScript, cum ar fi Mootools, prototip, zepto etc. folosesc $, o funcție sau un nume de variabilă, care este folosit ca înlocuitor al textului jQuery în codul jQuery și, în astfel de cazuri, metoda .noConflict () permite utilizarea $ identificator de scurtătură, permițând altor scripturi să-l folosească.
Q # 37) Diferențiați între lățime () și css („lățime”) în jQuery.
Răspuns: Există două metode diferite în jQuery pentru a modifica lățimea unui element. Prima modalitate este de a utiliza .css (property), iar cealaltă modalitate este de a utiliza .property ().
Exemplu:
$(selector).css(property,value_change); $(selector).property(value_change);
În .css (proprietate), care în acest caz este lățime, trebuie să adăugăm px în value_change, să zicem 300px.
Putem folosi .property (value_change), care în acest caz are lățime și nu trebuie să adăugați px, ci valoare directă.
Q # 38) Unde putem aplica metoda param () în jQuery?
Răspuns: Putem afișa matrice, obiecte simple sau obiecte jquery sub forma unui flux de octeți, astfel încât să poată fi stocate în memorie, fișier sau bază de date folosind metoda param () în jQuery.
Q # 39) Diferențiați între $ (aceasta) și aceasta în jQuery.
Răspuns: $ (acesta) este un obiect jQuery, în timp ce acesta este referința globală a unui obiect JavaScript, folosind acest lucru putem consulta elementul DOM în documentul HTML.
$ (aceasta) face referire la obiectul părinte, în timp ce aceasta se referă la un element DOM, care, în cazul unui tablou, reprezintă un obiect cu metoda .each (), care afișează iterația curentă.
Q # 40) Descrieți funcționalitatea cookie-urilor citite, scrieți cookie-uri și ștergeți cookie-uri în jQuery.
Răspuns: Când sunt vizitate site-urile web, cookie-urile sunt valori de date precum numele utilizatorului care este stocat în fișiere text mici de pe computer. În timp ce revizuiți site-urile web, cookie-urile vă ajută să vă amintiți numele utilizatorului. JavaScript și jQuery creează, citesc și șterg cookie-uri, cu proprietatea document.cookie.
Q # 41) La ce folosește metoda serialize () în jQuery?
Răspuns: Serializează valorile formularului, astfel încât valorile sale serializate să poată fi utilizate în șirul de interogare URL în timp ce efectuează o cerere AJAX.
.serialize () metoda jQuery returnează valorile de intrare ale formularului HTML sub formă de șir.
Q # 42) La ce folosește metoda val () în jQuery?
Răspuns: Metoda .val () ajută la găsirea valorii unui atribut al elementului HTML. De exemplu, formează elemente precum input, select și textarea. Val () este, de asemenea, aplicat pentru a găsi valoarea tuturor elementelor potrivite din casetele de selectare și butoanele radio, precum și o listă derulantă.
Exemplu explicat cu sintaxă
// 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();
Q # 43) Ce este metoda de înlănțuire în jQuery? Ce avantaje oferă?
Răspuns: Cu înlănțuirea metodei jQuery, mai multe acțiuni pot fi aplicate pe o singură linie de cod, deoarece toate metodele returnează obiecte jQuery care pot fi utilizate pentru a apela o altă metodă.
Fără înlănțuire, metodele jQuery sunt numite una după alta într-o linie separată, în timp ce cu înlănțuirea, metodele jQuery sunt scrise într-o singură linie de cod separată de puncte.
cum se creează aplicația Java în eclipsă
Fără înlănțuirea mai multor linii de cod care trebuie scrise, făcând jQuery să caute în întregul DOM elemente potrivite, atunci se aplică metode unice în fiecare linie de cod. În timp ce Înlănțuirea are nevoie doar de o selecție unică a unui element potrivit din DOM, prin îmbunătățirea performanței.
Q # 44) Care este diferența dintre jQuery.get () și jQuery.ajax ()?
Răspuns: Metoda jQuery.ajax () este utilizată pentru a trimite cereri HTTP Ajax, în timp ce metoda jQuery.get () este utilizată pentru a trimite cereri HTTP GET pentru a încărca date de pe server.
Q # 45) Ce este QUnit?
Răspuns: QUnit este un cadru, care testează codul JavaScript scris pentru jQuery, jQuery UI și jQuery Mobile, utilizează afirmații și dispozitive de testare pentru verificarea rezultatelor așteptate.
Î # 46) Cum jQuery stochează date legate de un element?
Răspuns: Metoda jQuery.data () ajută la atașarea oricărui tip de date la elementele DOM, fără scurgeri de memorie. jQuery se asigură că datele sunt eliminate împreună cu elementele DOM eliminate prin metode jQuery.
Cod pentru stocarea și recuperarea datelor referitoare la un element.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
Q # 47) Puteți explica diferitele proceduri de extragere a unui șir de interogare cu expresii regulate?
Răspuns: Putem realiza extragerea unui șir de interogare cu expresie regulată în următoarele două moduri.
- Abordare bazată pe șiruri: Această metodă ajută la derivarea șirului prin compararea expresiei regulate echivalente, folosind metoda .replace ().
- Abordarea expresiei regulate: Trebuie utilizată cea mai puternică metodă de extragere a unui șir de interogare și a unui model care este comparat cu șirurile din JavaScript. Utilizarea metodelor .exec () și .test () pentru compararea cu modelele. match (), matchAll (), replace (), search () și split () sunt alte câteva metode pentru String.
Q # 48) Explicați conceptul metodei de finisare în jQuery.
Răspuns: Pentru a opri toate animațiile aflate în coadă și pentru a le ajuta să plaseze în starea lor finală se folosește metoda .finish ().
Q # 49) Faceți diferența între oprirea apelului (adevărat, adevărat) și metoda de finalizare.
Răspuns: Metoda .finish () ajută la ștergerea cozii și ajută animațiile să intre în starea lor finală, în timp ce metoda .stop () este apelată la un element, forțând animația care rulează în prezent să se oprească instantaneu.
Q # 50) Cum puteți scrie un cod specific browserului folosind jQuery?
Răspuns: Putem scrie cod specific browserului în jQuery folosind navigator.userAgent pentru a identifica browserul din Internet Explorer, Chrome, Firefox, Safari și Opera, ca cod scris mai jos.
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) Care este procedura pentru a verifica tipul de date al oricărei variabile din jQuery?
Răspuns: Tipul funcției jQuery () este utilizat pentru a identifica tipul de date al oricărei variabile, cum ar fi o matrice, șir, număr, funcție sau tip de date obiect.
Concluzie
jQuery este o bibliotecă JavaScript de manipulare a modelelor de obiecte de documente, utilizată în principal în traversarea documentelor HTML și dezvoltarea JavaScript încrucișată care creează animații DOM și Ajax pentru a gestiona evenimentele browserului.
Sper că ați găsit răspunsurile la cele mai frecvente întrebări ale interviului pe „jQuery” ca fiind de un ajutor imens. Exersează cât mai multe întrebări și fii încrezător.
Toate cele bune pentru interviu!
Lectură recomandată
- Întrebări și răspunsuri la interviu
- Întrebări și răspunsuri la interviuri de testare ETL
- 50 de întrebări și răspunsuri de top pentru interviu Salesforce [Actualizat în 2021]
- Câteva întrebări și răspunsuri dificile de testare manuală
- Top 50 Cele mai populare întrebări și răspunsuri ale interviului CCNA
- Top 51 Întrebări și răspunsuri la interviu Bootstrap
- Top 50+ Întrebări și răspunsuri pentru interviul bazei de date
- Cele mai bune 25 de întrebări și răspunsuri de interviu pentru testarea agilă