Més de 50 preguntes i respostes a les entrevistes jQuery més freqüents (Actualitzat 2021)

El resultat de la trucada al mètode anterior és un fons groc als ítems A, B, 1, 2, 3 i C tal com es mostra a la imatge següent.

El mètode .find () selecciona tots els elements fills de l’element DOM que es travessa.

Sintaxi a l'API jQuery .children () per localitzar l'element

etiqueta amb la classe 'nivell 2'.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

El resultat de la trucada al mètode anterior és un fons groc als ítems A, B i C tal com es mostra a la imatge següent.



El mètode .children () selecciona elements d’un sol nivell de l’element DOM que es travessa.

Q # 14) Expliqueu diversos tipus de selectors i la seva funcionalitat a jQuery.

Resposta: Els selectors jQuery s’utilitzen per localitzar / seleccionar elements HTML de la jerarquia DOM en funció dels seus atributs que s’enumeren a continuació.

• nom
• identificador
• classe
• tipus
• valors

Els tipus bàsics de selector són:

• Nom
• Identificació
• Nom de la classe
• Selector universal com *, que selecciona tots els elements d'un DOM.
• Diversos elements. Exemple:
• ,

  ,.

• Selector d'atributs, Exemple: identificar / seleccionar elements en funció dels seus atributs com el color, l’estil de lletra o el color de fons.

A continuació s’explica un exemple de diversos elements i selectors d’atributs a jQuery.



Al codi jQuery anterior, l'atribut class és un selector i el color de la lletra del text dins de l'element de l'etiqueta HTML es canvia a verd. Aquest codi afectarà / canviarà el color de la lletra dels textos dins de tots aquells elements que tinguin atributs de classe.

Q # 15) Diferencieu entre l'identificador i el selector de classes a jQuery.

Resposta: Cada element HTML només pot tenir un identificador, és a dir, es pot identificar un element amb un identificador únic, mentre que podeu utilitzar la mateixa classe en diversos elements.

Exemple de selector d'identificadors a jQuery per amagar un element DOM amb un identificador com a atribut, diguem l'element amb un identificador com 'gold_coin'

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

Si voleu amagar-vos, digueu tots els enllaços que tinguin la seva classe com a 'raw',

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

Q # 16) Expliqueu els avantatges dels mètodes jQuery Ajax.

Resposta: Ajax pot sol·licitar i rebre dades del servidor sense recarregar pàgines amb l'ajut de DOM i JavaScript.

A continuació s’enumeren els avantatges d’utilitzar mètodes Ajax a jQuery:

• Ens permet treure tota la pàgina de recàrrega i ens proporciona la flexibilitat de carregar només una part de la pàgina.
• API senzilla.
• Suport de diversos navegadors.
• Compatible amb GET i POST.
• Pengeu un document JSON, XML, HTML o script.

P # 17) Diferencieu els mètodes jQuery onload () i document.ready ().

Resposta: La diferència entre els mètodes onload () i document.ready () és que el mètode onload () de JavaScript només es cridarà després de mostrar / carregar completament tots els objectes del document web.

Mentre que, el mètode document.ready () es crida quan es carrega l'estructura DOM als documents. El mètode document.ready () es crida molt ràpidament en comparació amb el mètode onload (), ja que el darrer espera fins que es mostrin completament les imatges.

P # 18) Expliqueu la funcionalitat del mètode connect () de jQuery.

Resposta: jQuery connect () és un complement que s’utilitza per connectar / lligar una funció a una altra funció assignant un controlador. Podem utilitzar un esdeveniment d’un element DOM mitjançant aquesta funció.

P # 19) Expliqueu breument el complement d'arrencada i JavaScript.

Resposta: Bootstrap és un marc o conjunt d’eines que inclou HTML, CSS i JavaScript per crear una pàgina web o una aplicació web. Molts dels components de Bootstrap requereixen connectors Javascript per funcionar.

P # 20) Expliqueu les aplicacions per a jQuery Mobile.

Resposta: jQuery Mobile és un marc compatible amb navegadors de codi obert dissenyat per crear aplicacions mòbils accessibles a tots els telèfons intel·ligents, tauletes i ordinadors.

jQuery Mobile es crea a jQuery i a la interfície d'usuari de jQuery per representar diversos efectes especials, gestionar sol·licituds / respostes Ajax, esdeveniments tàctils, juntament amb diversos widgets.

Q # 21) Diferencia entre jquery.min.js i jquery.js

Resposta: jquery.min.js i jquery.js tenen la mateixa funcionalitat, jquery.min.js ha eliminat tots els espais buits per tal de fer que el fitxer sigui més petit i més ràpid de carregar, resultant en l'execució de l'script.

Tenir els fitxers JS reduïts en un entorn de producció significa que es carregaran més ràpidament i proporcionaran un rendiment de pàgina més ràpid i millor.

Q # 22) Expliqueu la possibilitat del mètode HTML jQuery per a documents HTML i XML.

Resposta: El mètode HTML jQuery no està disponible en documents XML, només funciona per a documents HTML.

P # 23) Expliqueu la funcionalitat de la interfície d'usuari de jQuery (interfície d'usuari).

Resposta: La interfície d'usuari jQuery és una biblioteca jQuery, que proporciona la creació de diversos objectes d'interfície d'usuari, com ara diverses llistes de registres on els usuaris poden seleccionar, ordenar, arrossegar, deixar anar i redimensionar determinats elements DOM.

La biblioteca de la interfície d’usuari també crea widgets integrats, com ara completament automàtic, casella de selecció, botons d’opció, datapicker, menú, etc., a més d’afegir un efecte d’ocultació, mostrar o alternar i altres animacions.

Q # 24) Expliqueu la funcionalitat d'un complement de taula de dades per a jQuery.

Resposta: La taula de dades és un complement jQuery que, quan s'aplica als registres, es mostra en forma tabular.

Podem ordenar les dades en columnes individuals o múltiples, cercar el registre específic, afegir paginacions, registres per pàgina i navegar pels registres en una taula. La taula de dades es pot aplicar a dades estàtiques, matriu, dades en JSON, així com a resposta AJAX.

Q # 25) Expliqueu qualsevol dels avantatges d’allotjar una jQuery des de CDN.

Resposta: L’allotjament de jQuery de la xarxa de lliurament de contingut (CDN) ajuda a una alta disponibilitat i alt rendiment a un cost més baix i una càrrega de xarxa baixa, latència millorada (es triga menys temps a enviar i rebre un paquet de dades del servidor), oferir una versió específica del dispositiu de continguts.

Exemple: Resposta per a la mida de la pantalla mòbil i capacitat d’emmagatzematge segur per a dades o fitxers sensibles

P # 26) Identifiqueu qualsevol diferència entre .detach () i .remove () de jQuery.

Resposta: El mètode detach () de jQuery elimina l'element seleccionat, però conserva dades i esdeveniments. El mètode .remove () de jQuery elimina elements, dades i esdeveniments.

P # 27) Puc utilitzar una biblioteca jQuery per a la creació de scripts de servidor?

Resposta: jQuery és una biblioteca Javascript de script del costat del client. No es pot utilitzar per a scripts del servidor.

P # 28) Podeu donar algunes situacions o escenaris per utilitzar jQuery?

Resposta:

Podem utilitzar jQuery en les situacions o escenaris següents:

• Podem aplicar una funció jQuery que pot canviar la propietat estàtica o dinàmica de CSS.
• Podem trucar a funcions en esdeveniments com ara esdeveniments de formulari, esdeveniments de teclat, esdeveniments de ratolí, esdeveniments del navegador amb l’ajut de jQuery.
• Podem manipular (afegir, editar o eliminar) elements DOM mitjançant jQuery.
• jQuery es pot utilitzar per a efectes d'animació en l'element HTML canviant gradualment la seva posició estàtica a una altra posició.

Q # 29) Enumereu els quatre paràmetres utilitzats per al mètode jQuery Ajax.

Resposta: L’adreça URL on s’envia la sol·licitud, el tipus de sol·licitud, és a dir, GET o POST, les dades / contingut que s’enviaran al servidor i la condició perquè el navegador permeti o no desar la memòria cau de la pàgina sol·licitada són els quatre paràmetres que s’utilitzen per al mètode jQuery Ajax.

P # 30) Expliqueu la funcionalitat del filtre jQuery.

Resposta: .filter () a jQuery comprovarà si hi ha l'element coincident i es pot afegir l'atribut a l'element coincident.

Per exemple, per a .filter (), pot ser el que es mostra a continuació.



La línia de codi de l'API jQuery.filter () per localitzar / filtrar els elements de la llista és la següent.

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

El resultat de la trucada al mètode anterior és un fons groc per a textos de Física, Matemàtiques, Història, Francès, etc. que es troba a l’índex 0, 2, 4, etc. (recordeu que l’índex comença a partir de 0, per tant, 0 és un parell) com que es mostra a la imatge següent.



P # 31) Quin caràcter especial s'utilitza com a drecera per a jQuery?

Resposta: $ s'utilitza al lloc de jQuery,

Exemple: jQuery (document) .ready (function (); es pot utilitzar com $ (document) .ready (function ()

Q # 32) Expliqueu les diferents maneres en què podem depurar jQuery.

Resposta: Hi ha poques maneres de depurar el codi jQuery.

Els navegadors actuals com Google Chrome, Mozilla Firefox, Opera i Safari tenen un depurador Javascript integrat. Per depurar el codi jQuery, premeu F12 des del teclat i el navegador amb el depurador integrat obrirà una interfície d’usuari, en la qual seleccioneu el menú ‘Consola’. L'error es mostrarà al menú de la consola si n'hi ha.

Podeu escriure console.log () al codi per obtenir el text de l’error, també podeu escriure el depurador; entre la línia de codi, a causa del depurador, l'script s'iniciarà en mode de depuració, prement F12 al navegador s'obrirà la consola que depurarà el codi, prement F10 es llegiran els valors dels objectes jQuery, i així és com podem depurar el codi jQuery .

Q # 33) Expliqueu les possibles maneres en què podem incloure jQuery en una pàgina.

Resposta: Podeu descarregar la versió de producció comprimida jquery-3.4.1.min.js de https://jquery.com/download/ site i desar-la a la carpeta lib de la carpeta del projecte.

i) Podem fer referència a jquery des de la carpeta local a project / lib / Scripts com es mostra a continuació.

ii) A continuació, podem fer referència a llocs de xarxa de lliurament de contingut com Microsoft CDN.

Q # 34) Expliqueu la funcionalitat del mètode .each () a jQuery.

Resposta: jQuery .each () s'utilitza per iterar / llistar l'element DOM present a l'objecte jQuery.

Exemple

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) Diferencieu els mètodes .prop () i .attr () de jQuery.

Resposta: A continuació es mostra la diferència entre .prop () i .attr ().

Exemple:



El codi jQuery conté el mètode attr () que modifica els valors d'atribut d'una imatge com es mostra a continuació.



El mètode .attr () de jQuery canvia atributs com l'amplada i la vora de la imatge.

$ (selector) .attr (atribut de l'element, valor al qual es canvien els atributs).

El mètode .prop () a jQuery s'utilitza per retornar i modificar propietats DOM, com ara l'estat marcat, seleccionat o desactivat.

Pink


Per al tipus d'entrada com a casella de selecció, el valor és rosa i es marca la propietat DOM,



El codi jQuery conté el mètode prop () que modifica la propietat de visualització d'un element.



El mètode .attr () ens ajuda a seleccionar un valor que sigui 'rosa' aquí, mentre que el mètode .prop () selecciona la propietat que està 'marcada' aquí.

P # 36) Expliqueu la funcionalitat de jQuery.noConflict.

Resposta: El mètode noConflict () de jQuery s'aplica per resoldre conflictes quan necessitem utilitzar frameworks diferents de jQuery.

Per exemple, moltes biblioteques JavaScript com Mootools, prototipus, zepto, etc. utilitzen $, una funció o nom de variable, que s’utilitza com a substitució del text jQuery al codi jQuery i, en aquests casos, el mètode .noConflict () permet utilitzar $ identificador de drecera, ja que permet que altres scripts l’utilitzin.

Q # 37) Diferencieu entre width () i css ('width') a jQuery.

Resposta: Hi ha dos mètodes diferents a jQuery per canviar l'amplada d'un element. La primera manera és utilitzar .css (property) i l’altra forma és utilitzar .property ().

Exemple:

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

A .css (propietat), que en aquest cas és ample, hem d'afegir px al valor_change, per exemple, 300px.

Podem utilitzar .property (value_change), que en aquest cas és ample, i no cal que afegiu px, sinó valor directe.

P # 38) On podem aplicar el mètode param () a jQuery?

Resposta: Podem mostrar matrius, objectes simples o objectes jquery en forma de flux de bytes perquè es puguin emmagatzemar a la memòria, fitxer o base de dades mitjançant el mètode param () a jQuery.

Q # 39) Diferencieu entre $ (això) i això a jQuery.

Resposta: $ (this) és un objecte jQuery, mentre que es tracta d'una referència d'objecte global de JavaScript, mitjançant aquest element podem referir l'element DOM al document HTML.

$ (això) fa referència a l'objecte pare, mentre que es refereix a un element DOM, que en el cas d'una matriu, representa un objecte amb el mètode .each (), que mostra la iteració actual.

P # 40) Descriviu la funcionalitat de les cookies de lectura, escriptura de cookies i eliminació de cookies a jQuery.

Resposta: Quan es visiten els llocs web, les cookies són valors de dades com el nom de l’usuari que s’emmagatzema en fitxers de text petits de l’ordinador. En tornar a visitar llocs web, les cookies ajuden a recordar el nom de l’usuari. JavaScript i jQuery creen, llegeixen i eliminen cookies, amb la propietat document.cookie.

P # 41) Quin ús fa del mètode serialize () a jQuery?

Resposta: Serialitza els valors del formulari de manera que els seus valors serialitzats es puguin utilitzar a la cadena de consulta d'URL mentre es fa una sol·licitud AJAX.

El mètode .serialize () de jQuery retorna els valors d'entrada del formulari HTML en forma de cadena.

P # 42) Quin ús fa del mètode val () a jQuery?

Resposta: El mètode .val () ajuda a trobar el valor d'un atribut de l'element HTML. Per exemple, elements del formulari com l'entrada, selecció i àrea de text. Val () també s'aplica per trobar el valor de tots els elements coincidents de les caselles de selecció i dels botons d'opció, així com una llista desplegable.

Exemple explicat amb sintaxi

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

P # 43) Què és la cadena de mètodes a jQuery? Quins avantatges ofereix?

Resposta: Amb el encadenament de mètodes jQuery, es poden aplicar múltiples accions a una sola línia de codi, ja que tots els mètodes retornen objectes jQuery que es poden utilitzar per cridar a un altre mètode.

Sense encadenar, els mètodes jQuery s’anomenen un darrere l’altre en una línia separada, mentre que amb l’encadenament, els mètodes jQuery s’escriuen en una sola línia de codi separada per punts.

Sense encadenar diverses línies de codi que cal escriure, fent que jQuery cerqui un element coincident al DOM sencer, s'apliquen mètodes únics a cada línia de codi. Mentre que Chaining només necessita una selecció única d’un element coincident de DOM per millorar el rendiment.

P # 44) Quina diferència hi ha entre jQuery.get () i jQuery.ajax ()?

Resposta: El mètode jQuery.ajax () s’utilitza per enviar sol·licituds HTTP Ajax, mentre que el mètode jQuery.get () s’utilitza per enviar sol·licituds HTTP GET per carregar dades des del servidor.

Q # 45) Què és QUnit?

Resposta: QUnit és un framework, que prova el codi JavaScript escrit per a jQuery, jQuery UI i jQuery Mobile, utilitza afirmacions i accessoris de prova per verificar els resultats esperats.

P # 46) Com emmagatzema jQuery dades relacionades amb un element?

Resposta: El mètode jQuery.data () ajuda a adjuntar qualsevol tipus de dades a elements DOM, lliure de fuites de memòria. jQuery s'assegura que s'eliminen les dades juntament amb els elements DOM eliminats mitjançant mètodes jQuery.

Codi per emmagatzemar i recuperar dades relacionades amb un element.

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

Q # 47) Podeu explicar els diversos procediments per extreure una cadena de consulta amb expressions regulars?

Resposta: Podem aconseguir l'extracció d'una cadena de consulta amb expressió regular de les dues maneres següents.

1. Enfocament basat en cadenes: Aquest mètode ajuda a derivar String comparant expressions regulars equivalents mitjançant el mètode .replace ().
2. Enfocament d'expressió regular: S'ha d'utilitzar un mètode més potent per extreure una cadena i un patró de consulta que es compare amb les cadenes de JavaScript. Utilitzant mètodes .exec () i .test () per comparar amb patrons. match (), matchAll (), replace (), search () i split () són altres pocs mètodes per a la cadena.

Q # 48) Expliqueu el concepte del mètode d'acabat a jQuery.

Resposta: Per tal d'aturar totes les animacions a la cua i ajudar-les a situar en el seu estat final, s'utilitza el mètode .finish ().

Q # 49) Diferencieu entre trucar a stop (true, true) i mètode de finalització.

millor aplicació espia mòbil per a iphone

Resposta: El mètode .finish () ajuda a netejar la cua i ajuda a les animacions a entrar en el seu estat final, mentre que el mètode .stop () es demana a un element obligant l’animació que s’executa a aturar-se instantàniament.

P # 50) Com es pot escriure un codi específic del navegador mitjançant jQuery?

Resposta: Podem escriure codi específic del navegador a jQuery mitjançant navigator.userAgent per identificar el navegador d’Internet Explorer, Chrome, Firefox, Safari i Opera, com el codi escrit a continuació.

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

P # 51) Quin és el procediment per comprovar el tipus de dades de qualsevol variable a jQuery?

Resposta: El tipus de funció jQuery () s'utilitza per identificar el tipus de dades de qualsevol variable, com ara una matriu, una cadena, un número, una funció o un tipus de dades d'objecte.

Conclusió

jQuery és una biblioteca JavaScript de manipulació de models d'objectes de documents, que s'utilitza principalment en el recorregut de documents HTML i el desenvolupament de JavaScript entre navegadors que crea animacions DOM i Ajax per gestionar esdeveniments del navegador.

Espero que trobeu que les respostes a les preguntes més freqüents de l’entrevista sobre ‘jQuery’ són d’ajuda immensa. Practiqueu tantes preguntes com sigui possible i tingueu confiança.

Tot el millor per a la vostra entrevista !!

Lectura recomanada

• Preguntes i respostes de l’entrevista
• Preguntes i respostes d’entrevistes de proves ETL
• 50 millors preguntes i respostes de l'entrevista de Salesforce (Actualitzat 2021)
• Algunes preguntes i respostes de proves manuals complicades
• Top 50 de les preguntes i respostes de les entrevistes CCNA més populars
• Top 51 preguntes i respostes de l’entrevista Bootstrap
• Top 50+ preguntes i respostes d’entrevistes a la base de dades
• 25 millors preguntes i respostes d’entrevista de proves àgils