About JQuery

Following are some of the multiple choice questions on the JQuery with answers that will help the students in developing their knowledge.

JQuery MCQ

1. The siblings() method returns all sibling elements of the selected element. _________?

  • selected elements
  • Siblings class
  • None of the above

2. Which of these CSS selectors would select all of the <img> tags in a <div>

  • img div
  • img.div
  • div img
  • div.img

3. Which of the following is selected by $('#bar')?

  • <div class='bar'></div>
  • <p data-bar='bar'></p>
  • <h1>bar</h1>
  • <img id='bar'></img>

4. Which of the following is selected by $('.foo')?

  • <p>Foo</p>
  • <img id='foo'></img>
  • <div class='foo'></div>
  • <foo></foo>

5. CSS stands for

  • Cascading Style Sheets
  • Creative Style Settings
  • Compact Software Settings
  • Creative Setting Selectors

6. When would the following code be run$(function() {});

  • When the user requests the page
  • When the user pushes a button
  • After all the elements are loaded
  • Never

7. The following is correct syntax for CSSp { color: red; }

  • True
  • False

8. The "#" is used to select an html element by its:

  • class
  • id
  • name
  • data attribute

9. Which of the following is the correct syntax of nextUntil() method in JQuery?

  • $("h2").nextUntiLAll("h6");
  • $("h2").nextUn("h6");
  • $("h2").nextUntil("h6");

10. Given the following, what would $('.foo').data('info') return?<div id='foo' data-info='google' data-test='bar'></div>

  • google
  • bar
  • div
  • undefined

11. JQuery parents() Method returns all ancestor elements of the ____________.?

  • class
  • selected elements
  • None of the above

12. Which of the following ways is the correct Syntax of parent() method in JQuery ?

  • $("span").child();
  • $("span").parent();
  • $("span").parentofchild();

13. JQuery provides a variety of methods that allow us to traverse the DOM.?

  • True
  • False

14. Which of the following is the correct syntax of toggle() effects in JQuery?

  • $("button").click(function(){ $("p").toggle(); });
  • .("p").toggle();
  • None of the above

15. You can also toggle between hiding and showing an element with the ______?

  • Animation
  • Picture
  • toggle() method

16. The optional callback parameter is a function to be executed after the hide() or show() ____________.?

  • Normal
  • method completes
  • None of the above

17. Which of the following ways is correct JQuery Hide() Syntax ?

  • $.Hide()
  • $("#hide").click(function(){ $("p").hide(); });
  • None of the above

18. With jQuery, you can hide and show HTML elements with the hide() and show() methods?

  • True
  • False

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

  • Establece un estilo de color de fondo.
  • Establece un fondo de color azul
  • Establecerá el valor de color de fondo para TODOS los elementos coincidentes p.
  • Ninguno

20. El selector this Permite:

  • Permite seleccionar al elemento que activó el evento.
  • Permite, ayudar para programar de forma más sencilla con Javascript
  • Ninguno

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

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

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

  • remove()
  • detach()
  • Ambos métodos pueden ser utilizados

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

  • El elemento p con id="introduccion"
  • Todos los elementos con p con class="intro"

24. ¿En qué lenguaje de script está escrito jQuery?

  • VBScript
  • JavaScript
  • C++
  • C#

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

  • $ ("p"). manipulate ("color de fondo", "rojo");
  • $ ("p"). style ("color de fondo", "rojo");
  • $ ("p"). css ("color de fondo", "rojo");
  • $ ("p"). layout ("color de fondo", "rojo");

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

  • El primer elemento div
  • Todos los elementos div

27. ¿Qué signo usa jQuery como acceso directo para jQuery?

  • el signo $
  • la señal
  • el ? Firmar

28. Which of the following is the correct form to create to hide elements in Jquery and select the element?

  • $(document).ready(function(){ $("button").click(function(){ $("p").hide(); });});
  • flex-wrap: no-wrap;
  • None of the above

29. Var nombre=$('#nombre').val();

  • Obtiene el valor del input del formulario
  • Obtiene el valor del textarea del formulario
  • Obtiene el valor del boton del formulario
  • Ninguno

30. El Método jQuery css ()

  • Elimina elementos HTML existentes.
  • Agrega un elemento al inicio del elemento contenedor
  • Establece o devuelve una o más propiedades de estilo para los elementos seleccionados

31. $(document).ready(function(){ ..}

  • Sirve para seleccionar todas las etiquetas del documento JQuery
  • Sirve para hacer cosas cuando la página está lista para recibir instrucciones JQuery
  • Sirve en JQuery para mostrar un mensaje de alerta informando al usuario
  • Ninguno

32. ¿Que efecto de Jquery muestra un elemento?

  • .show();
  • .hide();
  • .fadeIn();
  • .slideUp();

33. ¿Que efecto de Jquery oculta un elemento?

  • .efecto();
  • .hide();
  • .fadeIn();
  • .slideUp();

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

  • Falso
  • Verdad

35. ¿Jquery es?

  • Es un Editor de Texto
  • Es una biblioteca de Javascript que simplifica la interacción con documentos HTML.
  • Es un framework CSS y Javascript
  • Es un software de código abierto deliberado por TWITTER

36. JQuery is a lightweight, "write less, do more", JavaScript library.?

  • False
  • True

37. How do you assign a variable that calls a function with a.run();

  • var a = var run: function() { };
  • var a = run: function() { };
  • var a = run = function() { };
  • var a = { run: function() { } };

38. $(".example").toggle(300);What does this jQuery function do?

  • Toggle a function in 300 seconds
  • Toggle visibility in 300 seconds
  • Toggle function in 300 milliseconds
  • Toggle visibility in 300 milliseconds
  • Toggle function in 300 hours

39. Where's the error?Line 1. $(document).load(function() {Line 2. var names = ["Jeff","Bob","Rob"]Line 3. console.log(names[1]);Line 4. })

  • Line 2
  • Line 1
  • Line 3
  • Line 4

40. What is the correct way of assigning a variable to a class?Without jQuery

  • var ex = document.class("example");
  • var ex = document.GetElementById("example");
  • var ex = document.querySelector(".example");
  • var ex = $(".example");

41. Which of the following is the correct form to create to hide elements in Jquery and select the element?

  • $(document).ready(function(){ $("button").click(function(){ $("p").hide(); });});
  • flex-wrap: no-wrap;

42. jQuery selectors allow you to select and manipulate ______?

  • The Text is shown normal.
  • HTML element(s).

43. The jQuery syntax is tailor-made for selecting HTML elements and performing ______________.?

  • The Text is shown normal.
  • some action on the element(s).

44. Which of the following ways is correct to add JQuery ?

  • <script src="jquery-3.4.1.min.js"></script>
  • Absolute

45. Which of the following ways is the correct Syntax of the first() method in JQuery ?

  • $(selector).fadein(speed,callback);
  • $("div").first();
  • None of the above

46. Which of the following is the correct syntax of .select() method in JQuery?

  • $("p").select(.intro());
  • $("p").select.intro();
  • $("p").select(".intro");

47. The eq() method returns an element with a specific index number of the _________?

  • selected elements
  • Specified elements
  • None of the above

48. What is .blur() method?

  • The Text is shown blur
  • Bind an event handler to the “blur” JavaScript event, or trigger that event on an element.
  • None of the above

49. Which of the following ways is the correct Syntax of the .focusout() method in JQuery ?

  • $("div").focusout();
  • $("div").fade();
  • None of the above

50. JQuery provides several methods such as filter(), first(), last(), eq(), slice(), has(), not(), etc.?

  • False
  • True

Enjoyed the Quiz. Share this with friends

Comments

Add Your Review

Your email address will not be published.

Subscribe to Newsletter!

Subscribe to get latest updates and information.