Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

jQuery

Total questions: 10

Worksheet time: 7mins

Name
Class
Date
1.

JQuery es:

a)

Una hoja de estilos

b)

Una librería

c)

Un editor de código

d)

Un lenguaje

2.

La integración de JQuery a un proyecto ocupando un CDN se hace agregando la siguiente línea en el head:

a)

<script src= "assets/js/jquery-3.5.1.min.js" ></script>

b)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" ></ script >

c)

<script src= "assets/js/cdn/jquery-3.5.1.min.js" ></script>

3.

Un selector en JQuery es:

a)

En un control CSS para cambiar estilos.

b)

Lo que desencadena y dispara las acciones necesarias para ejecutar cualquier función.

c)

Permiten seleccionar los diferentes elementos del DOM, bien sea por su nombre, tipo, valores o propiedades de los atributos.

4.

Para que sirve el siguiente código:

$( document ).ready( function (){
  \   // Acciones a ejecutar
});

a)

Para esperar a que el documento esté completamente cargado y listo antes de trabajar con él

b)

Para seleccionar el documento completo del DOM y generar un efecto

c)

Para guardar en disco el resultado de una ejecución de una lista de acciones.

5.

En JQuery, el efecto show() :

a)

Muestra los elementos seleccionados

b)

Anima los elementos seleccionados

c)

Oculta los elementos seleccionados

d)

Muestra los elementos coincidentes, atenuándolos a opacos

6.

Utilice el selector correcto para ocultar un elemento con id-"test".


$(" ").hide();

a)

.test

b)

#test

c)

id.test

d)

id#test

7.

¿Qué evento se utiliza para ocultar todos los elementos con un "click" ?


$("p").evento(function(){
  \   $(this).hide();
});

a)

show

b)

hide

c)

click

d)

toggle

8.

Utilice un método jQuery para ocultar un elemento

cuando se hace clic en él.

$("p").click(function(){
 \  $(this).metodo();
});

a)

show

b)

hide

c)

toggle

d)

hover

9.

Utilice un método jQuery para alternar entre ocultar y mostrar un elemento.


$("button").click(function(){
 \  $("p").metodo();
});

a)

hover

b)

toggle

c)

show

d)

click

10.

Qué permite hacer el selector $(this)?

a)

Seleccionar multiples elementos con la misma clase

b)

Seleccionar el elemento particular que activo el controlador de eventos, sin referir a un ID.

c)

Seleccionar multiples elementos con el mismo ID

d)

Seleccionar un elemento por su ID y no su clase