Plus de 50 questions et réponses d'entrevue jQuery les plus courantes (Mise à jour 2021)

Le résultat de l'appel de méthode ci-dessus est un arrière-plan jaune sur les éléments A, B, 1, 2, 3 et C, comme indiqué dans l'image ci-dessous.

La méthode .find () sélectionne tous les éléments enfants de l'élément DOM parcouru.

Syntaxe dans l'API jQuery .children () pour localiser l'élément avec

étiquette avec la classe «niveau 2».
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );

Le résultat de l'appel de méthode ci-dessus est un arrière-plan jaune sur les éléments A, B et C, comme indiqué dans l'image ci-dessous.



La méthode .children () sélectionne les éléments de niveau unique de l'élément DOM parcouru.

Q # 14) Expliquez les différents types de sélecteurs et leurs fonctionnalités dans jQuery.

Répondre: Les sélecteurs jQuery sont utilisés pour localiser / sélectionner des éléments HTML dans la hiérarchie DOM en fonction de leurs attributs, comme indiqué ci-dessous.

• Nom
• identifiant
• classer
• taper
• valeurs

Les types de sélecteurs de base sont:

• Nom
• identifiant
• Nom du cours
• Sélecteur universel tel que *, qui sélectionne tous les éléments d'un DOM.
• Plusieurs éléments. Exemple:
• ,

  ,.

• Sélecteur d'attribut, Exemple: identifier / sélectionner des éléments en fonction de leurs attributs tels que la couleur, le style de police ou la couleur d'arrière-plan.

Un exemple de plusieurs éléments et sélecteurs d'attributs dans jQuery est expliqué ci-dessous.



Dans le code jQuery ci-dessus, l'attribut de classe est un sélecteur et la couleur de police du texte à l'intérieur de l'élément de balise HTML est changée en vert. Ce code affectera / changera la couleur de police des textes à l'intérieur de tous ces éléments qui ont des attributs de classe.

Q # 15) Faites la différence entre le sélecteur d'ID et de classe dans jQuery.

Répondre: Chaque élément HTML ne peut avoir qu'un seul ID, en d'autres termes, un élément peut être identifié avec un ID unique, alors que vous pouvez utiliser la même classe sur plusieurs éléments.

Exemple de sélecteur d'ID dans jQuery afin de masquer un élément DOM avec un ID comme attribut, disons un élément avec un ID comme 'gold_coin'

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

Si vous voulez masquer, dites tous les liens ayant sa classe comme 'brute',

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

Q # 16) Expliquez les avantages des méthodes jQuery Ajax.

Répondre: Ajax peut demander et recevoir des données du serveur sans rechargement de page à l'aide de DOM et de JavaScript.

Les avantages de l'utilisation des méthodes Ajax dans jQuery sont énumérés ci-dessous:

• Cela nous permet de recharger la page entière et nous donne la flexibilité de ne charger qu'une partie de la page.
• API simple.
• Prise en charge de plusieurs navigateurs.
• GET et POST pris en charge.
• Téléchargez un document JSON, XML, HTML ou script.

Q # 17) Faites la différence entre les méthodes jQuery onload () et document.ready ().

Répondre: La différence entre les méthodes onload () et document.ready () est que la méthode onload () de JavaScript ne sera appelée qu'après que tous les objets du document Web soient complètement affichés / chargés.

Alors que la méthode document.ready () est appelée lorsque la structure DOM est chargée dans les documents. La méthode document.ready () est appelée très rapidement par rapport à la méthode onload (), car cette dernière attend que les images soient complètement affichées.

Q # 18) Expliquez la fonctionnalité de la méthode connect () de jQuery.

Répondre: jQuery connect () est un plugin qui est utilisé pour connecter / lier une fonction à une autre fonction en assignant un gestionnaire. Nous pouvons utiliser un événement d'un élément DOM en utilisant cette fonction.

Q # 19) Expliquez brièvement le plug-in d'amorçage et JavaScript.

Répondre: Bootstrap est un framework ou un ensemble d'outils qui inclut HTML, CSS et JavaScript pour créer une page Web ou une application Web. De nombreux composants Bootstrap nécessitent des plugins Javascript pour fonctionner.

Q # 20) Expliquez les applications pour jQuery Mobile.

Répondre: jQuery Mobile est un framework compatible multi-navigateurs open source conçu pour créer des applications mobiles accessibles sur tous les smartphones, tablettes et appareils de bureau.

jQuery Mobile est créé sur jQuery et l'interface utilisateur de jQuery pour le rendu de divers effets spéciaux, la gestion des requêtes / réponses Ajax, des événements tactiles, ainsi qu'une variété de widgets.

Q # 21) Faites la différence entre jquery.min.js et jquery.js

Répondre: jquery.min.js et jquery.js ont la même fonctionnalité, jquery.min.js supprime tous les espaces vides afin de réduire la taille du fichier et de le charger plus rapidement, ce qui entraîne l'exécution du script.

La minification des fichiers JS dans un environnement de production signifie qu'ils se chargeront plus rapidement et offriront des performances de page rapides et meilleures.

Q # 22) Expliquez la possibilité d'utiliser la méthode HTML jQuery pour les documents HTML et XML.

Répondre: La méthode HTML jQuery n'est pas disponible sur les documents XML, elle ne fonctionne que pour les documents HTML.

Q # 23) Expliquez les fonctionnalités de jQuery UI (interface utilisateur).

Répondre: jQuery UI est une bibliothèque jQuery, qui permet de créer divers objets d'interface utilisateur tels que plusieurs listes d'enregistrements où les utilisateurs peuvent sélectionner, trier, faire glisser, déposer et redimensionner des éléments DOM particuliers.

La bibliothèque d'interface utilisateur crée également des widgets intégrés tels que la saisie semi-automatique, la case à cocher, les boutons radio, le sélecteur de date, le menu, etc., ainsi que l'ajout d'un effet masquer, afficher ou basculer, et d'autres animations.

Q # 24) Expliquez la fonctionnalité d'un plug-in Data Table pour jQuery.

Répondre: Data Table est un plug-in jQuery qui, lorsqu'il est appliqué aux enregistrements, s'affiche sous forme de tableau.

Nous pouvons trier les données sur une ou plusieurs colonnes, rechercher l'enregistrement spécifique, ajouter une pagination, des enregistrements par page et parcourir les enregistrements dans une table. La table de données peut être appliquée aux données statiques, au tableau, aux données dans JSON ainsi qu'à la réponse AJAX.

Q # 25) Expliquez l'un des avantages de l'hébergement d'un jQuery à partir de CDN.

Répondre: L'hébergement de jQuery à partir du réseau de distribution de contenu (CDN) contribue à la haute disponibilité et aux performances élevées à un coût moindre et à une faible charge réseau, à une latence améliorée (moins de temps est nécessaire pour envoyer et recevoir un paquet de données du serveur), à offrir une version spécifique à l'appareil du contenu.

Exemple: Réactivité pour la taille de l'écran mobile et capacité de stockage sécurisée pour les données ou fichiers sensibles.

Q # 26) Identifiez toute différence entre .detach () et .remove () de jQuery.

Répondre: La méthode detach () de jQuery supprime l'élément sélectionné, mais elle conserve les données et les événements. La méthode .remove () de jQuery supprime les éléments, les données ainsi que les événements.

Q # 27) Puis-je utiliser une bibliothèque jQuery pour les scripts de serveur?

Répondre: jQuery est une bibliothèque Javascript de script côté client. Il ne peut pas être utilisé pour les scripts côté serveur.

Q # 28) Pouvez-vous donner quelques situations ou scénarios d'utilisation de jQuery?

Répondre:

Nous pouvons utiliser jQuery dans les situations / scénarios suivants:

• Nous pouvons appliquer une fonction jQuery qui peut changer la propriété statique ou dynamique CSS.
• Nous pouvons appeler des fonctions sur des événements tels que les événements de formulaire, les événements de clavier, les événements de souris, les événements de navigateur à l'aide de jQuery.
• Nous pouvons manipuler (ajouter, modifier ou supprimer) des éléments DOM en utilisant jQuery.
• jQuery peut être utilisé pour les effets d'animation sur l'élément HTML en changeant progressivement sa position statique vers une autre position.

Q # 29) Listez les quatre paramètres utilisés pour la méthode jQuery Ajax.

Répondre: Adresse URL à laquelle la demande est envoyée, Type de demande à savoir GET ou POST, Données / contenu à envoyer au serveur et condition pour que le navigateur autorise ou non la mise en cache de la page demandée sont les quatre paramètres utilisés pour la méthode jQuery Ajax.

Q # 30) Expliquez la fonctionnalité du filtre jQuery.

Répondre: .filter () dans jQuery vérifiera l'élément correspondant et l'attribut peut être ajouté à l'élément correspondant.

Par exemple, pour le .filter (), cela peut être comme indiqué ci-dessous.



La ligne de code dans l'API jQuery.filter () pour localiser / filtrer les éléments de la liste est comme ci-dessous.

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

Le résultat de l'appel de méthode ci-dessus est un arrière-plan jaune pour les textes Physique, Mathématiques, Histoire, Français, etc. qui est à l'index 0, 2, 4 et ainsi de suite, (rappelez-vous que l'index commence à 0, donc 0 est pair) comme montré dans l'image ci-dessous.



Q # 31) Quel caractère spécial est utilisé comme raccourci pour jQuery?

Répondre: $ est utilisé à la place de jQuery,

Exemple: jQuery (document) .ready (function (); peut être utilisé comme $ (document) .ready (function ()

Q # 32) Expliquez les différentes manières dont nous pouvons déboguer jQuery.

Répondre: Il existe plusieurs façons de déboguer le code jQuery.

Les navigateurs modernes tels que Google Chrome, Mozilla Firefox, Opera et Safari ont un débogueur Javascript intégré. Pour déboguer le code jQuery, appuyez sur F12 à partir de votre clavier et le navigateur avec le débogueur intégré ouvrira une interface utilisateur, dans laquelle sélectionnez le menu «Console». L'erreur sera affichée dans le menu de la console le cas échéant.

Vous pouvez écrire console.log () dans le code pour obtenir le texte d'erreur, vous pouvez également écrire le débogueur; entre la ligne de code, en raison du débogueur, le script démarrera en mode débogage, appuyez sur F12 dans le navigateur pour ouvrir la console qui déboguera le code, appuyez sur F10 pour lire les valeurs des objets jQuery, et c'est ainsi que nous pouvons déboguer le code jQuery .

Q # 33) Expliquez les manières possibles d'inclure jQuery sur une page.

Répondre: Vous pouvez télécharger la version de production compressée jquery-3.4.1.min.js à partir du site https://jquery.com/download/ et l'enregistrer dans le dossier lib sous le dossier du projet.

logiciel de suppression de malware gratuit le mieux noté

je) Nous pouvons référencer jquery à partir du dossier local dans project / lib / Scripts comme ci-dessous.

ii) Nous pouvons référencer des sites de réseau de distribution de contenu tels que Microsoft CDN comme ci-dessous.

Q # 34) Expliquez la fonctionnalité de la méthode .each () dans jQuery.

Répondre: jQuery .each () est utilisé pour itérer / lister l'élément DOM présent dans l'objet 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) Faites la différence entre les méthodes .prop () et .attr () de jQuery.

Répondre: Voici la différence entre .prop () et .attr ().

Exemple:



qu'est-ce qu'un bon téléchargeur de musique gratuit

Le code jQuery contient la méthode attr () qui modifie les valeurs d'attribut d'une image comme indiqué ci-dessous.



La méthode .attr () de jQuery modifie les attributs comme la largeur et la bordure de l'image.

$ (selector) .attr (attribut de l'élément, valeur à laquelle les attributs sont modifiés).

La méthode .prop () dans jQuery est utilisée pour renvoyer et modifier les propriétés DOM telles que l'état vérifié, sélectionné ou désactivé.

Pink


Pour le type d'entrée comme case à cocher, la valeur est rose et la propriété DOM est cochée,



Le code jQuery contient la méthode prop () qui modifie la propriété d'affichage d'un élément.



La méthode .attr () nous aide à sélectionner une valeur qui est «rose» ici, alors que la méthode .prop () sélectionne la propriété qui est «cochée» ici.

Q # 36) Expliquez la fonctionnalité de jQuery.noConflict.

Répondre: La méthode noConflict () de jQuery est appliquée pour résoudre les conflits lorsque nous avons besoin d'utiliser des frameworks autres que jQuery.

Par exemple, de nombreuses bibliothèques JavaScript telles que Mootools, prototype, zepto, etc. utilisent $, un nom de fonction ou de variable, qui est utilisé en remplacement du texte jQuery dans le code jQuery, et dans ce cas, la méthode .noConflict () permet d'utiliser $ identifiant de raccourci, en permettant à d'autres scripts de l'utiliser.

Q # 37) Faites la différence entre width () et css ('width') dans jQuery.

Répondre: Il existe deux méthodes différentes dans jQuery pour modifier la largeur d'un élément. La première consiste à utiliser .css (propriété) et l'autre consiste à utiliser .property ().

Exemple:

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

Dans .css (propriété) qui dans ce cas est width, nous devons ajouter px dans value_change, disons 300px.

Nous pouvons utiliser .property (value_change), qui dans ce cas est width, et vous n'avez pas besoin d'ajouter px, mais une valeur directe.

Q # 38) Où pouvons-nous appliquer la méthode param () dans jQuery?

Répondre: Nous pouvons afficher un tableau, un objet simple ou un objet jquery sous la forme d'un flux d'octets afin qu'ils puissent être stockés en mémoire, fichier ou base de données en utilisant la méthode param () dans jQuery.

Q # 39) Faites la différence entre $ (this) et this dans jQuery.

Répondre: $ (this) est un objet jQuery, alors qu’il s’agit d’une référence d’objet globale JavaScript. En utilisant cela, nous pouvons faire référence à un élément DOM dans un document HTML.

$ (this) fait référence à l'objet parent, alors que cela fait référence à un élément DOM, qui dans le cas d'un tableau, représente un objet avec la méthode .each (), qui affiche l'itération actuelle.

Q # 40) Décrivez la fonctionnalité de lecture des cookies, d'écriture de cookies et de suppression des cookies dans jQuery.

Répondre: Lorsque des sites Web sont visités, les cookies sont des valeurs de données telles que le nom de l'utilisateur qui sont stockées dans de petits fichiers texte sur l'ordinateur. Lors de la visite des sites Web, les cookies aident à mémoriser le nom de l'utilisateur. JavaScript et jQuery créent, lisent et suppriment des cookies, avec la propriété document.cookie.

Q # 41) Quelle est l'utilisation de la méthode serialize () dans jQuery?

Répondre: Il sérialise les valeurs du formulaire afin que ses valeurs sérialisées puissent être utilisées dans la chaîne de requête URL lors d'une requête AJAX.

La méthode .serialize () de jQuery renvoie les valeurs d'entrée du formulaire HTML sous forme de chaîne.

Q # 42) Quelle est l'utilisation de la méthode val () dans jQuery?

Répondre: La méthode .val () aide à trouver la valeur d'un attribut d'un élément HTML. Par exemple, des éléments de formulaire tels que input, select et textarea. Val () est également appliqué pour trouver la valeur de tous les éléments correspondants à partir des cases à cocher et des boutons radio ainsi que d'une liste déroulante.

Exemple expliqué avec la syntaxe

// 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) Qu'est-ce que le chaînage de méthodes dans jQuery? Quels avantages offre-t-il?

Répondre: Avec le chaînage de méthodes jQuery, plusieurs actions peuvent être appliquées sur une seule ligne de code, car toutes les méthodes renvoient des objets jQuery qui peuvent être utilisés pour appeler une autre méthode.

Sans chaînage, les méthodes jQuery sont appelées les unes après les autres sur une ligne séparée, tandis qu'avec le chaînage, les méthodes jQuery sont écrites sur une seule ligne de code séparée par des points.

Sans enchaîner plusieurs lignes de code qui doivent être écrites, ce qui permet à jQuery de rechercher dans tout le DOM l'élément correspondant, puis des méthodes uniques dans chaque ligne de code sont appliquées. Alors que le chaînage n'a besoin que d'une sélection unique d'un élément correspondant à partir du DOM, en améliorant les performances.

Q # 44) Quelle est la différence entre jQuery.get () et jQuery.ajax ()?

Répondre: La méthode jQuery.ajax () est utilisée pour envoyer des requêtes HTTP Ajax, tandis que la méthode jQuery.get () est utilisée pour envoyer des requêtes HTTP GET pour charger des données depuis le serveur.

Q # 45) Qu'est-ce que QUnit?

Répondre: QUnit est un framework, qui teste le code JavaScript écrit pour jQuery, jQuery UI et jQuery Mobile, utilise des assertions et des montages de test pour vérifier les résultats attendus.

Q # 46) Comment jQuery stocke les données liées à un élément?

Répondre: La méthode jQuery.data () aide à attacher tout type de données aux éléments DOM, sans fuites de mémoire. jQuery s'assure que les données sont supprimées avec les éléments DOM supprimés via les méthodes jQuery.

Code pour stocker et récupérer des données liées à un élément.

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

Q # 47) Pouvez-vous expliquer les différentes procédures d'extraction d'une chaîne de requête avec des expressions régulières?

Répondre: Nous pouvons accomplir l'extraction d'une chaîne de requête avec une expression régulière des deux manières suivantes.

1. Approche basée sur les chaînes: Cette méthode aide à dériver String en comparant une expression régulière équivalente à l'aide de la méthode .replace ().
2. Approche d'expression régulière: Une méthode la plus puissante pour extraire une chaîne de requête et un modèle doit être utilisée, comparée aux chaînes en JavaScript. Utilisation des méthodes .exec () et .test () pour comparer avec des modèles. match (), matchAll (), replace (), search () et split () sont d'autres méthodes pour String.

Q # 48) Expliquez le concept de la méthode finish dans jQuery.

Répondre: Afin d'arrêter toutes les animations en file d'attente et de les aider à placer dans leur état final, la méthode .finish () est utilisée.

Q # 49) Faites la différence entre l'appel de la méthode stop (true, true) et la méthode finish.

Répondre: La méthode .finish () aide à effacer la file d'attente et aide les animations à entrer dans leur état final, tandis que la méthode .stop () est appelée sur un élément, en forçant l'animation en cours à s'arrêter instantanément.

Q # 50) Comment pouvez-vous écrire un code spécifique au navigateur en utilisant jQuery?

Répondre: Nous pouvons écrire du code spécifique au navigateur dans jQuery en utilisant navigator.userAgent pour identifier le navigateur d'Internet Explorer, Chrome, Firefox, Safari et Opera, comme le code écrit ci-dessous.

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) Quelle est la procédure pour vérifier le type de données de toute variable dans jQuery?

Répondre: Le type de fonction jQuery () est utilisé pour identifier le type de données de toute variable comme un type de données tableau, chaîne, nombre, fonction ou objet.

Conclusion

jQuery est une bibliothèque JavaScript de manipulation de modèle d'objet de document, principalement utilisée dans la traversée de documents HTML et le développement JavaScript inter-navigateurs qui crée des animations DOM et Ajax pour gérer les événements du navigateur.

J'espère que vous avez trouvé les réponses aux questions d'entretien les plus fréquemment posées sur «jQuery» pour vous être d'une immense aide. Pratiquez autant de questions que possible et soyez confiant.

Tout le meilleur pour votre entretien !!

lecture recommandée

• Questions et réponses d'entrevue
• Questions et réponses d'entrevue de test ETL
• 50 principales questions et réponses d'entrevue Salesforce (Mise à jour 2021)
• Quelques questions et réponses difficiles sur les tests manuels
• Top 50 des questions et réponses d'entretiens CCNA les plus populaires
• Top 51 des questions et réponses d'entrevue Bootstrap
• Top 50+ questions et réponses d'entretien de base de données
• 25 meilleures questions et réponses d'entrevue de test Agile