JQUERY

Question 1

Qu’appelle-t-on une bibliothèque ?

1. Un ensemble d’objets et de méthodes mis à disposition des développeurs pour agrémenter leur code
2. Un système permettant d’implémenter des fonctionnalités et une communication entre deux systèmes distincts
3. Un système permettant de donner une architecture de base à une application

Answer 1

1. Un ensemble d’objets et de méthodes mis à disposition des développeurs pour agrémenter leur code

Question 2

jQuery est considéré comme…

1. Un framework
2. Une librairie
3. Une API

Answer 2

2. Une librairie

Question 3

Quelles sont les différences notables d’un fichier minifié par rapport à un fichier classique ? (Multichoix)

1. Les espaces sont supprimés
2. Les sauts de lignes sont supprimés
3. La logique est supprimée
4. Les variables et fonctions sont renommées
5. Les commentaires sont supprimés
6. Il est plus lourd

Answer 3

Réponses 1.2.4.5

Question 4

Lorsque l’on fait appel à un CDN pour intégrer une librairie, les source sont…

1. Hébergées localement
2. Hébergées à distance

Answer 4

2 .Hébergées à distance

Question 5

Que permet le code ci-dessous ?

if (jQuery) {
    // code à exécuter
}

1. Il permet d’initialiser jQuery
2. Il permet de vérifier que l’objet global jQuery est présent

Answer 5

2 .Il permet de vérifier que l’objet global jQuery est présent

Question 6

Quel est l’équivalent de document.querySelector(‘.content’) en jQuery ?

1. $(‘content’)
2. $(document).(‘.content’)
3. $(‘.content’)
4. $(‘#content’)

Answer 6

3. $(‘.content’)

Question 7

Qu’effectue le code suivant ?

$(document).ready(function () {
$(‘.content’).css(‘color’, ‘blue’);
});

Il cible tous les éléments de la classe content et leur applique une couleur bleue

Il cible l’ensemble des éléments de la classe content s’ils sont affichés en bleu

Answer 7

1. Il cible tous les éléments de la classe content et leur applique une couleur bleue

Question 8

Parmi ces méthodes, la/lesquelles pourrait-on utiliser pour cibler le premier élément de la classe content ?(Multichoix)

1. $(‘p.content:first-child’).css(‘color’, ‘blue’);
2. $(‘p.content::first’).css(‘color’, ‘blue’);
3. $(‘p.content’).first().css(‘color’, ‘blue’);
4. $(‘p.content’).css(‘color’, ‘blue’).first();

Answer 8

1 .$(‘p.content:first-child’).css(‘color’, ‘blue’);

On peut utiliser le pseudo-element first, comme en CSS.

3. $(‘p.content’).first().css(‘color’, ‘blue’);

La méthode first permet de filtrer les éléments.

Question 9

Quel sera le contenu de #introduction si on y applique la méthode suivante ?

$(‘#introduction’).text(‘<p>Introduction</p>’);

Answer 9

<p>Introduction</p>

Question 10

L’appel suivant permet…

$(‘#introduction’).html();

1 .De récupérer le contenu HTML de #introduction

2 .De vider le contenu HTML de #introduction

Answer 10

1. De récupérer le contenu HTML de #introduction

Question 11

Quel sélecteur faut-il utiliser si l’on souhaite cibler tous les éléments div et paragraphes d’une page, indépendamment de sa structure ?

1. $(‘div p’) ;
2. $(‘div, p’)
3. $(‘div + p’)

Answer 11

2.$(‘div, p’)

Question 12

Selon la déclaration suivante, à quoi correspondra $(this) ?
$(‘.element’).each(function () {
console.log($(this).value()
})
1. À la liste de tous les éléments disposant de la classe .element

2. À l’élément courant parmi tous les éléments disposant de la classe .element

Answer 12

2. À l’élément courant parmi tous les éléments disposant de la classe .element

Question 13

Parmi ces syntaxes, laquelle permet de récupérer le contenu HTML de #content ?

1. $(document).html(‘#content’)
2. $(‘#content’).html()
3. $(‘#content’).text()
4. $(document).text(‘#content’)

Answer 13

2. $(‘#content’).html()

Question 14

Quelle syntaxe doit-on utiliser si l’on souhaite afficher du texte brut dans un élément ?

1. $(element).html(content)
2. $(element).text(content)
3. $(content).html(element)
4. $(content).text(element)

Answer 14

2. $(element).text(content)

Question 15

On souhaite ajouter un nouvel élément à la fin d’une liste ul, quelle méthode faut-il utiliser ?

1. $(‘ul’).prepend(‘<li>jQuery</li>’)
2. $(‘ul’).append(‘<li>jQuery</li>’)
3. $(‘ul’).insertBefore(‘<li>jQuery</li>’)
4. $(‘ul’).insertAfter(‘<li>jQuery</li>’)

Answer 15

2. $(‘ul’).append(‘<li>jQuery</li>’)

Question 16

Quelle méthode peut-on utiliser pour supprimer définitivement un élément du DOM ?

Answer 16

remove

Question 17

Qu'effectuera le code suivant ?
$('#email').focus(function() {
    //do stuff
})

1 .Il placera le focus sur le champ #email et effectuera une action

2. Il effectuera une action lors du focus sur le champ #email

Answer 17

2. Il effectuera une action lors du focus sur le champ #email

Question 18

Grâce à quelle méthode est-il possible de simuler le déclenchement d’un événement ?

Answer 18

trigger

Question 19

Quelle syntaxe faut-il respecter pour déléguer un écouteur d’événement ?

1 .on(‘event’, ‘element’, function(){})

2 . on(element, function(){}, event)

3. on(function(){}, event, element)

Answer 19

1 .on(‘event’, ‘element’, function(){})

Question 20

Parmi ces méthodes, laquelle faut-il utiliser si l’on souhaite cacher un élément en réduisant son opacité sans toucher à sa taille ?

1 . hide

2. show
3. fadeOut
4. fadeIn

Answer 20

3. fadeOut