jQuery

Question 1

What is the first thing I must add to HTML in order to start using jQuery?

Answer 1

Script element (document ready function) at the top of page

Question 2

What is the jQuery Script element code that I must place at the top of a HTML in order to use jQuery?

Answer 2

$(document).ready(function(){

});

Question 3

All jQuery functions start with what?

Answer 3

a “$”

Question 4

What 2 names is a “$” referred to as when using jQuery?

Answer 4

1. dollar sign operator

2. bling

Question 5

jQuery often selects an HTML element with a _____, then does something to that element.

Answer 5

selector

Question 6

How would I use jQuery to make all HTML button elements bounce?

Answer 6

Add the code below inside the Document Ready Function at the top of the HTML.

$(“button”).addClass(“animated bounce”);

Question 7

What does $(“button”) tell the computer?

Answer 7

To select all of the HTML buttons

Question 8

What does .addClass(“animated bounce”); tell the computer?

Answer 8

It is using jQuery language to tell the computer to add some CSS classes to what has been selected previously.

Question 9

How would I use jQuery to target HTML (div) elements with a CSS class of (well)?

Answer 9

by using the $(“.well”) selector.

Question 10

Why is there a period contained within the jQuery target $(“.well”)?

Answer 10

Because jQuery uses the period before a CSS class name just like one would with CSS.

Question 11

What does $(“.well”).addClass(“animated shake”); tell my computer

Answer 11

To select the HTML elements that have the CSS “well” class and add Animated CSS’s animated and shake to them.

Question 12

What are three ways that jQuery can HTML target elements?

Answer 12

1. By their CSS ID Attributes: $(“.btn”)
2. By their CSS Class Attributes: $(“#target1”)
3. By their HTML Element type: $(“button”)

Question 13

What does $(“#target3”).addClass(“animated fadeOut”); tell my computer?

Answer 13

To target the HTML elements that have the CSS ID of target3 and add CSS Class of Animated / Fade Out

Question 14

What jQuery function tells my computer to remove assigned CSS classes to an HTML element?

Answer 14

The (.removeClass) function

Question 15

We can also _____ the CSS of an HTML element directly with jQuery.

Answer 15

change

Question 16

jQuery has a function called _____ that allows you to change the CSS of an HTML element.

Answer 16

.css()

Question 17

How would I use jQuery to change the CSS color of a HTML element to blue?

Answer 17

$(“#target1”).css(“color”, “blue”);

Question 18

What is the difference between a normal CSS declaration and a jQuery CSS declaration?

Answer 18

The normal CSS declaration is in quotes and seperated by a colon.

The jQuery CSS declaration shows the CSS property and CSS value in separate quotes and separated with a comma.

Example: .css(“color”, “blue”);

Question 19

T/F

One cannot change the non-CSS properties of HTML elements using jQuery?

Answer 19

False

Question 20

What jQuery function allows one to adjust the properties of HTML elements?

Answer 20

.prop()