Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Jquery_

Total questions: 34

Worksheet time: 17mins

Name
Class
Date
1.

Que peut faire jQuery ??

a)

Modifier le DOM

b)

Modifier le CSS

c)

Creer des effets ,faire le travail comme Ajax

d)

toutes ses réponses

2.

L'équivalant de $(document).ready (function( ){ //code });

en Jquery?

a)

$(doc).ready (function( ) { //code });

b)

$(element).ready (function( ) { //code });

c)

$(function( ) { //code });

d)

&(document).ready (function( ) { //code });

3.

En Jquery :$ (‘#id)

sélectionne un élément avec :

a)

un id="id"

b)

une classe id="id"

c)

tagName="id"

d)

toutes les réponses

4.

Que fait $("p").toggle( ) ?

a)

Afficher l'élément p

b)

Masquer l'élément p

c)

Verrouiller l'élément p

d)

Afficher l'élément p s'il est masqué ou masquer l'élément p s'il

est montré.

5.

Quelle est la fonction qui compte le nombre d'un élément?

a)

(“p”). size( )

b)

(“p”). count( )

c)

(“p”). length( )

d)

(“p”). calculate()

6.

Quel est le syntaxe correct en Jquery?

a)

(“p. first”). style( “font-style”, “italic”);

b)

(“p. first”). setStyle( “font-style”, “italic”);

c)

(“p. first”). css( “font-style”, “italic”);

d)

(“p. first”). setCss( “font-style”, “italic”);

7.

Quel élément $("div p") sélectionne-t-il ?

a)

Le premier élément p sous div

b)

Le dernier élément p sous div

c)

L'élément p descendant direct sous div

d)

Tous les éléments p sous div

8.

Quel élément &("div > p") sélectionne-t-il ?

a)

A. Le premier élément p sous div

b)

Le dernier élément p sous div

c)

L'élément p descendant direct sous div

d)

Tous les éléments p sous div

9.

Quel élément p $("p:eq(2)") sélectionne-t-il ?

a)

Le 1er élément p

b)

Le 2ème élément p

c)

Le 3ème élément p

d)

Le 4ème élément p

10.

On veut Sélectionnez les inputs cochés

complétez la sélection:

$("input: (a)   ") 

11.

Pour définir une valeur d'attribut pour une image, utilisez __ ?

a)

$("img").attr("alt", "Ceci est une image.")

b)

$("img").setAttr("alt", "Ceci est une image.")

c)

$("img").setAttribute("alt", "Ceci est une image.")

d)

$("img").set("alt", "Ceci est une image.")

12.

Quel contenu s'affichera lors de l'exécution?

p. html (“<i>”+”Hello!”+”</i>”)?



(a)  

13.

on veut ajouter des mots après un élément, utilisez __ ?

a)

$(“p”).append(“This is appended contents”)

b)

$(“p”).appendAfter(“This is appended contents”)

c)

$(“p”).appendNext(“This is appended contents”)

d)

$(“p”).appendBehind(“This is appended contents”)

14.

Quelle fonction insère un élément

a)

$(“p”).insert( )

b)

$(“p”).insertElement( )

c)

$(“p”).before( ) ou $(“p”).after( )

d)

$(“p”).insertNode( )

15.

Quel code cache une image?

a)

$(“img”). hide( );

b)

$(“img”). conceal( );

c)

$(“img”). mask( );

d)

$(“img”). unshow( );

16.

Vous voulez qu'une image disparaitre lentement, vous utilisez ?

a)

fade out (2000)

b)

conceal(600)

c)

fadeOut(200)

d)

fadeOut(600)

17.

Vous voulez faire glisser un élément vers le haut s'il est en bas et vers le bas s'il est en haut,

vous utilisez?

a)

slideToggle( )

b)

upToggle( )

c)

downToggle( )

d)

toggle( )

18.

Pour inclure jQuery dans un document, utilisez..?

a)

<include>

b)

<import>

c)

<script>

d)

<link>

19.

on veut sélectionner tous les éléments p et son identifiant n'est pas 3 ?

a)

$("p: not( id=3)”)

b)

$("p: not( id3)”)

c)

$("p: not( #=3)”)

d)

$("p: not( #3)”)

20.

Vous voulez utiliser le chargement de la page Web en jquery , utilisez __ ?

a)

load( )

b)

onload( )

c)

upload( )

d)

loadup( )

21.

Quel élément suivant ne peut pas gérer l'événement de souris en Jquery ?

a)

mousemove( )

b)

mouseover( )

c)

mouseout( )

d)

mousein( )

22.

Quelle méthode peut ajouter une classe Css à un élément en Jquery?

a)

createClass( )

b)

newClass( )

c)

addClass( )

d)

insertClass( )

23.

<head>

<style> .a{color:red;} </style>

</head>

<body>

<p class="a">hello</p>

<script>

$('p'). (a)  

</script>

</body>

supprimer la classe a avec Jquery ,compléter le vide ?

24.

Quelle méthode de ses méthodes arrête une animation en Jquery ?

close ( )

end ( )

stop ( )

shut ( )

(a)  

25.

Quelle méthode peut définir ou obtenir des valeurs pour l'élément spécifié en Jquery ?

a)

value ( )

b)

set ( ) or get ( )

c)

setValue ( ) or getValue ( )

d)

val ( )

26.

L'acronyme de AJAX signifie ___ ?

a)

Asynchronous JavaScript And XHTML

b)

Asynchronous Java And XHTML

c)

Asynchronous JavaScript And XML

d)

Asynchronous JQuery And XML

27.

Pour créer un objet Ajax xhr en javascript ,on utilise :

a)

xhr =new ajax();

b)

xhr=new XMLHttpRequest();

c)

xhr =new XML();

d)

xhr =newactiveXObject()

28.

Ajax communique des données avec le serveur ?

a)

de manière synchrone

b)

de manière asynchrone

c)

simultanément

d)

en continu

29.

Quel code de $.ajax() est vrai en jquery ?

a)

$.ajax({

type: “GET/POST”,

url: “txt/php/asp/jsp file”,

data: {key: value},

success: function,

});

b)

$.ajax({ //javascrip code });

c)

$.ajax({ //php code });

d)

$.ajax({ //asp code });

30.

$('ul#list li:even') sélectionne :

a)

tous li paires de la liste avec id list

b)

tous li impaires de la liste avec id list

c)

tous li paires

d)

tous li impaires

31.

<ul id="Listfriends>

<li>A</li>

<li>B</li>

<li>C</li>

<li>D</li>

</ul>

$("ul li:lt(2)") sélectionne :

a)

A B

b)

tous les li

c)

A C

d)

A B C

e)

B D

32.

<h1></h1>

<h2></h2>

<h3></h3>

<p></p>

$(":header:not(h1)") sélectionne ?

a)

h2 h3 p

b)

h2 h3

c)

h1

d)

h2

e)

h3

33.

<div id="div1">

<span></span>

</div>

<div id="div2">

<h1></h1>

<p></p>

</div>

$("div:has(p)") sélectionne ?

a)

div avec id="div1"

b)

div avec id="div2"

c)

p

d)

h1

e)

span

34.

<ul>

<li>A</i>

<li>B</i>

<li>C</i>

<li>D</i>

<li>E</i>

<li>F</i>

</ul>

$(' li:nth-child(3n)') sélectionne ?

a)

tous les li

b)

A B D E

c)

A C E

d)

B D F

e)

C F