50 most common jquery interview questions
Ce didacticiel répertorie les questions et réponses d'entretien jQuery les plus fréquemment posées pour vous aider à vous préparer à votre prochain entretien jQuery:
Si vous vous préparez pour un entretien jQuery, voici les questions d'entretien jQuery les plus fréquemment posées avec des réponses et des exemples pour votre référence.
Nous avons essayé de rassembler toutes les questions possibles que vous pourriez rencontrer lors de votre entretien technique pour vérifier votre compétence sur jQuery.
Explorons!
Ce que vous apprendrez:
Qu'est-ce que jQuery?
jQuery est une bibliothèque JavaScript de manipulation de modèle d'objet de document, principalement utilisée dans la gestion et le déplacement de documents HTML, la gestion des événements d'éléments Web, les effets spéciaux sur les communications DOM et Ajax et le développement JavaScript sur plusieurs navigateurs.
jQuery est une bibliothèque JavaScript légère qui contient les fonctionnalités suivantes:
- Manipulation HTML / DOM
- Manipulation CSS
- Méthodes d'événement HTML
- Effets et animations
- AJAX
- Utilitaires
Liste des principales questions d'entrevue jQuery
Q # 1) Pouvez-vous expliquer ce qu'est jQuery?
Répondre: jQuery est une bibliothèque JavaScript rapide, légère et riche en fonctionnalités. Il est facile d'utiliser une API compatible avec plusieurs navigateurs pour la traversée et la manipulation de documents HTML, la gestion des événements, l'ajout d'effets d'animation aux pages Web et facilite les interactions Ajax.
Q # 2) Pouvez-vous faire la différence entre JavaScript et jQuery?
Répondre: JavaScript est un langage de script open source qui transforme les pages Web statiques en pages dynamiques, utilisées pour valider les données de formulaire avant de les soumettre à un serveur.
jQuery est une bibliothèque javascript légère et rapide, compatible avec les navigateurs, utilisée pour la traversée et la manipulation de documents HTML, la gestion d'événements, l'ajout d'effets d'animation aux pages Web et facilite les interactions Ajax.
Q # 3) Expliquez les différentes méthodes d'effets jQuery.
questions et réponses d'entrevue comportementale pour analyste d'affaires
Répondre: La méthode des effets jQuery nous aide à ajouter des effets spéciaux aux éléments HTML présents dans le DOM des pages Web, et ces méthodes peuvent être regroupées en fondu, glisser, masquer, afficher et effets spéciaux.
La liste des méthodes d'effets jQuery est donnée ci-dessous.
- Afficher(): Cette méthode peut afficher / montrer l'élément sélectionné.
- cacher(): Cette méthode masque l'élément sélectionné.
- basculer(): Cette méthode permet de basculer entre les méthodes show () et hide () pour l'élément sélectionné.
- fondu (): Cette méthode aide les éléments cachés de la page à se fondre (affichés), c'est-à-dire à transformer les éléments cachés en un élément opaque.
- disparaître(): Cette méthode permet de masquer un élément de la page Web en rendant l'élément coloré transparent, en d'autres termes, il disparaît.
- fadeToggle (): Cette méthode permet de modifier l'état de l'élément sélectionné, c'est-à-dire l'élément sélectionné masqué en élément sélectionné visible et visible dans l'élément masqué.
- glisser vers le haut (): Cette méthode peut aider l'élément HTML sélectionné à glisser vers le haut.
- glisse vers le bas(): Cette méthode peut aider l'élément HTML sélectionné à glisser vers le bas.
- slideToggle (): Cette méthode aide à modifier la position de l'élément sélectionné, c'est-à-dire que l'élément sélectionné s'il glisse vers le haut à partir de sa position, alors il glissera vers le bas, et si l'élément sélectionné a glissé vers le bas à partir de sa position, il glissera vers le haut.
- Animé (): Cette méthode peut changer les éléments sélectionnés d'un état à un autre avec des styles CSS. La valeur de la propriété CSS, telle que la position, la couleur ou la forme, change dans un intervalle particulier, ce qui entraîne un effet animé.
Q # 4) Donnez quelques exemples de méthodes Ajax dans jQuery.
Répondre: Ajax permet d'envoyer et de récupérer des données ainsi que de modifier le contenu de la page Web à partir d'un serveur sans avoir besoin de recharger toute la page. Les méthodes jQuery Ajax telles que load (), get (), post () facilitent les appels Ajax effectués par l'application.
Q # 5) Expliquez la fonctionnalité de la méthode Ajax ().
Répondre: La méthode Ajax () envoie des requêtes HTTP asynchrones au serveur et reçoit les données du serveur. La méthode Ajax () est précieuse car elle offre la possibilité de spécifier des rappels de réussite et d'échec.
Q # 6) Expliquez la fonctionnalité de la méthode ajax load ().
Répondre: La méthode load () envoie des requêtes HTTP pour charger des données sous forme de contenu HTML ou texte à partir d'un serveur et place les données renvoyées dans le ou les éléments DOM sélectionnés.
Q # 7) Élaborer des événements jQuery Ajax.
Répondre: Les méthodes Ajax déclenchent un gestionnaire d'événements qui entraîne des événements jQuery Ajax. Certains des exemples d'événements jQuery Ajax sont répertoriés ci-dessous.
Ces événements sont classés en événements locaux et événements mondiaux.
- ajaxStart (): Il s'agit d'un événement global, cet événement se déclenche à la suite du démarrage d'une requête Ajax, à condition qu'aucune autre requête Ajax ne soit en cours d'exécution.
- beforeSend (): Il s'agit d'un événement local, comme son nom l'indique, cet événement est appelé avant le démarrage de la requête Ajax, permettant ainsi de modifier les objets XMLHttpRequest.
- ajaxSend (): Il s'agit d'un événement global, et cet événement est appelé avant l'exécution de la requête Ajax.
- Succès(): C'est un événement local. Cet événement se déclenche uniquement si la requête Ajax a été envoyée avec succès (c'est-à-dire que lors de l'envoi de la requête Ajax, l'événement n'affiche aucune erreur du serveur ou des données).
- ajaxSuccess (): Il s'agit d'un événement global qui ne se déclenche que si la demande envoyée a réussi.
- Erreur(): Il s'agit d'un événement local, qui est déclenché si une erreur se produit lors de l'exécution de la demande. (Vous pouvez avoir une erreur ou un rappel de succès lors de l'envoi de la requête Ajax)
- ajaxError (): Il s'agit d'un événement global, qui se comporte de la même manière que son équivalent local error ().
- Achevée(): C'est un événement local. Cet événement est appelé indépendamment de la réussite de la demande ou du résultat d'une erreur, et des rappels complets sont reçus, même pour les demandes synchrones.
- ajaxComplete (): Il s'agit d'un événement global, qui se comporte de la même manière que son équivalent local complet (), même pour les requêtes synchrones.
- ajaxStop (): Il s'agit d'un événement global, qui se déclenche lorsqu'aucune demande Ajax n'est toujours en cours de traitement / en attente de traitement.
Q # 8) Expliquez la fonctionnalité de la méthode ajaxComplete ().
Répondre: La fonction ajaxComplete () est appelée indépendamment de la réussite de la requête ou du résultat d'une erreur, et un rappel complet est reçu, même pour les requêtes synchrones.
Q # 9) Expliquez la fonctionnalité de la méthode ajaxStart ().
Répondre: L'événement ajaxStart () est un événement global qui se déclenche à la suite du démarrage d'une requête Ajax, à condition qu'aucune autre requête Ajax ne soit en cours d'exécution.
Q # 10) Expliquez quelques exemples d'événements dans jQuery.
Répondre: Les actions sur les éléments HTML à travers les pages Web sont des événements dans jQuery ou JavaScript, créant ainsi des pages Web dynamiques.
Quelques exemples d'événements sont énumérés ci-dessous.
- Cliquer avec la souris sur un élément tel qu'un bouton.
- Envoi des valeurs des éléments d'entrée à partir du formulaire HTML.
- Réinitialiser les éléments de formulaire à leurs valeurs par défaut ou recharger une page.
- Appuyer ou taper sur une ou plusieurs touches du clavier.
- Défilement de la page Web, etc.
Q # 11) Expliquez des exemples de certaines des catégories d'événements jQuery.
Répondre: Les événements jQuery sont classés en fonction de leurs types:
- Événements de souris tels que click & dblclick.
- Événements de clavier tels que keyup et keydown.
- Événements de formulaire tels que soumettre, se concentrer et changer.
- Événements de document / fenêtre tels que le chargement, le déchargement et le défilement.
Q # 12) Expliquez la fonctionnalité de la méthode jQuery CSS ().
Répondre: La méthode CSS () dans jQuery est utilisée pour vérifier la valeur actuelle de la propriété de style, ajouter ou modifier la propriété de style de l'élément sélectionné. En d'autres termes, la méthode jQuery CSS () est utilisée pour GET et SET les propriétés de style CSS de l'élément DOM.
Q # 13) Faites la différence entre les méthodes find () et children ().
Répondre: .find () et .children () sont utilisés pour localiser l'enfant des éléments DOM correspondants, .find () se déplace à n'importe quel niveau inférieur, tandis que .children () se déplace d'un niveau vers le bas pour localiser l'élément.
Prenons la structure DOM suivante dans un document HTML.
Syntaxe de l'API jQuery .find () pour localiser l'élément dans
$('li.item-li').find('li').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, 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.
- 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 ().
- 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