wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

jquery

Total questions: 25

Worksheet time: 13mins

Name
Class
Date
1.

¿Jquery es?

a)

Es un Editor de Texto

b)

Es una biblioteca de Javascript que simplifica la interacción con documentos HTML.

c)

Es un framework CSS y Javascript

d)

Es un software de código abierto deliberado por TWITTER

2.

En los eventos .click() ¿se utiliza para hacer click al elemento?

a)

Falso

b)

Verdad

3.

¿Que efecto de Jquery oculta un elemento?

a)

.efecto();

b)

.hide();

c)

.fadeIn();

d)

.slideUp();

4.

¿Que efecto de Jquery muestra un elemento?

a)

.show();

b)

.hide();

c)

.fadeIn();

d)

.slideUp();

5.

La sintaxis de jQuery se basa en el objeto: $()

a)

Verdadero

b)

Falso

6.

El Método css () de Jquery

a)

Elimina elementos HTML existentes.

b)

Agrega un elemento al inicio del elemento contenedor

c)

Establece o devuelve una o más propiedades de estilo para los elementos seleccionados

7.

var nombre=$('#nombre').val();

a)

Obtiene el valor del input del formulario

b)

Obtiene el valor del textarea del formulario

c)

Obtiene el valor del boton del formulario

d)

Ninguno

8.

$("p").css("background-color", "blue");

a)

Establece un estilo de color de fondo.

b)

Establece un fondo de color azul

c)

Establecerá el valor de color de fondo para TODOS los elementos coincidentes p.

d)

Ninguno

9.

$("#capa1").html('<p>aún no has pulsado</p>')

a)

Localizamos el elemento que tiene el atributo id="capa1", después le aplicamos el método .html() de jquery

b)

Localizamos el elemento <p>(parrafo), despues lo aplicamos el metodo html de Jquery

10.

Mire el siguiente selector: $ ("div"). ¿Qué selecciona?

a)

El primer elemento div

b)

Todos los elementos div

11.

¿Cuál es el código jQuery correcto para establecer el color de fondo de todos los elementos p en rojo?

a)

$ ("p"). manipulate ("color de fondo", "rojo");

b)

$ ("p"). style ("color de fondo", "rojo");

c)

$ ("p"). css ("color de fondo", "rojo");

d)

$ ("p"). layout ("color de fondo", "rojo");

12.

¿En qué lenguaje script está escrito jQuery?

a)

VBScript

b)

JavaScript

c)

C++

d)

C#

13.

Mire el siguiente selector: $ ("p # intro"). ¿Qué selecciona?

a)

El elemento p con id="introduccion"

b)

Todos los elementos con p con class="intro"

14.

¿Qué método jQuery se usa para eliminar elementos seleccionados?

a)

remove()

b)

detach()

c)

Ambos métodos pueden ser utilizados

15.

¿Cuál la forma correcta para llamar a la libreria Jquery en HTML?

a)

<script type="text/javascript" src="jquery-3.4.1.min.js"></script>

b)

<link rel="stylesheet" type="text/css" href="jquery-3.4.1.min.js">

16.

El selector this Permite:

a)

Permite seleccionar al elemento que activó el evento.

b)

Permite, ayudar para programar de forma más sencilla con Javascript

c)

Ninguno

17.

parseInt() y parseFloat(),el primero convierte un valor en un número entero, mientras que el segundo convierte un valor en un número de coma flotante.

a)

Verdadero

b)

Falso

18.

$('#btnEnviar').click(function(){

            var r='amor'

    $('#resultado').html("<h1>"+r+"</h1>")

 $('h1').css("background","red")

   

  })

a)

La salida es: amor

b)

La salida es: amor con fondo rojo

c)

La salida es: amor con fondo rojo y con titulo h1

d)

Todas las anteriores

19.

$("#pr1").before("<p>nuevo párrafo al principio</p>");

a)

inserta un nuevo elemento delante del seleccionado

b)

inserta un nuevo elemento despues del seleccionado

20.

$("#prin p").css("font-family","verdana, nimrod, arial");

a)

Se conoce el tipo de letra de este mismo párrafo que estamos leyendo, el cual está dentro de un div con id="prin".

b)

Se conoce el tipo de letra de este mismo párrafo que estamos leyendo, el cual está dentro de un parrafo

21.

Cual es la diferencia entre var y let

a)

Las declaraciones de var es local y let es global

b)

Las declaraciones de var es global y let es local

c)

Ninguna

22.

let tipo=$(this).attr('data-type')

a)

Obtener el valor del atributos id='data-type' de los elementos del DOM

b)

Obtener el valor del atributos class='data-type' de los elementos del DOM

c)

Ambas situaciones

23.

$('.resultado').find('h3').text(0)

Devolver todos los <h3> elementos que son descendientes de la class="resultado"

a)

Verdadero

b)

Falso

24.

var expresion=/^[,\\.\\A-Za-z0-9/;

if (!expresion.test(mensaje))

{...}

El método test es para una coincidencia en una cadena.

a)

Verdadero

b)

Falso

25.

El click(), focus(), change(),..., son eventos que se pueden usar en Jquery

a)

Verdadero

b)

Falso