jQuery Recap Exercise

In order to make use of jQuery in our HTML page, which of the following lines of code must be put in our page?

• <link rel="stylesheet" href="styles/style_anchor.css" type="text/css" />

• <meta name="viewport" content="width=device-width, initial-scale=1">

• <script src="script/jquery-3.6.0.js"></script>

• <script src="script/jquery.slider.min.js"></script>

Which of the following lines of code will allow your jQuery code to be succcessfully run?

• <script src="script/jquery-slider-theme.js"></script>

  <script src="script/jquery.slider.min.js"></script>

• <script src="script/jquery-3.6.0.js"></script>

  <script src="script/jquery-slider-theme.js"></script>

• <script src="script/jquery-slider-theme.js"></script>

  <script src="script/jquery-3.6.0.js"></script>

Which of the following is the selector for an element whose ID is "MyID"?

• $("#MyID")

• $("MyID")

• $("#MYID")

• $(".MyID")

What goes into A and B?

$(A).B()

• A = selector

  B = value

• A = ID

  B = action

• A = selector

  B = action

• A = ID

  B = value

Given the following command in Javascript, which jQuery code will do the same thing?

document.getElementById("lastname").value

• $(".lastname").val()

• $("#lastname").val()

• $("lastname").val()

What is the purpose of the following?

$(document).ready( function() { … } );

• It executes the code inside when the function is called

• It executes the code inside before any other code

• It executes the code inside when the document is ready

Given that you can get the Inner HTML of a paragraph in this way:

$("p").html()

How do you SET the Inner HTML of the same paragraph?

• $("p").html() = "MY NEW PARAGRAPH"

• $("p").html("MY NEW PARAGRAPH");

• $("p").html().set("MY NEW PARAGRAPH")

Given the following, which of the following will get the HEAD element?

• $("h1").parent().parent().children("head")

• $("h1").parent().children("head")

• $("h1").parent().parent().parent().children("head")

Given the following HTML:

<a id="myLink" href="http://www.google.com">Google</a>

What text will the following code display in the alert box?

alert($("#myLink").attr("href"));

Which one of the following code will cause the image do animations in this order:

1. fade out

2. fade in

3. be hidden

<img class="myImage" src="myImage.jpg"/>

• $(".myImage").hide().fadeIn().fadeOut();

• $(".myImage").fadeOut().fadeIn().hide();

• $(".myImage").fadeOut();

  $(".myImage").fadeIn();

  $(".myImage").hide();

• $("#myImage").fadeOut().fadeIn().hide();