50+ Cele mai frecvente întrebări și răspunsuri la interviurile jQuery (Actualizat în 2021)

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 cu

etichetaț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.

1. Abordare bazată pe șiruri: Această metodă ajută la derivarea șirului prin compararea expresiei regulate echivalente, folosind metoda .replace ().
2. 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ă