A Smarter Way to Learn jQuery - Chapter 73 Exercises

The three types of events covered in the book that jQuery can listen for are mouseover, click, and ______

mouseout

^ *mouseout *$

The three types of events covered in the book that jQuery can listen for are mouseover, ____, and mouseout.

click

^ *click *$

The three types of events covered in the book that jQuery can listen for are ________, click, and mouseout.

mouseover

^ *mouseover *$

Fill in the blank to detect which of three events, covered in the book, has occurred.

$("img.clickable").on(___________________________,
function(e) {

"mouseover click mouseout"

^ *•mouseover click mouseout• *$

5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to listen for an event.

$("img").on("mouseover click mouseout", function(e) {

Code the first line that listens for the three events on a paragraph.

$("p").on("mouseover click mouseout", function(e) {

$`(`"`p`"`)`.`on`(`"`mouseover`1spaceclick`1spacemouseout`"`comma`1spacefunction`(`e`)`1space{

Code the first line that listens for the three events covered in the book on any div.

$("div").on("mouseover click mouseout", function(e) {

Code the first line that listens for the three events covered in the book on an image of a particular class. Make up the class name.

$("img.clickable").on("mouseover click mouseout",
function(e) {

^ *\$$•img\..+•$\.on$•mouseover click mouseout•, function\(e$ { *$

Fill in the blank to assign the type of event to the variable.

var whichEvent = (_.type);

^ *e *$

Fill in the blank to assign the type of event to the variable.

var whichEvent = _______;

(e.type)

^ *$e\.type$ *$

Code a function that listens for the three events covered in the book on any image and assigns the event type to a variable. Make up the variable name.

$("img").on("mouseover click mouseout", function(e) {
var whichEvent = (e.type);
});

^ *\$$•img•$\.on$•mouseover click mouseout•, function\(e$ {\n *var .+ = $e\.type$;\n}\); *$

Code a function that listens for the three events covered in the book on any list item in a particular ordered list and assigns the event type to a variable. Make up the id of the ordered list and the variable name.

$("ol#pets li").on("mouseover click mouseout", function(e) {
var whichEvent = (e.type);
});

^ *\$$•ol#.+ li•$\.on$•mouseover click mouseout•, function\(e$ {\n *var .+ = $e\.type$;\n}\); *$

Code the first line that listens for the three events covered in the book on any div.

$("div").on("mouseover click mouseout", function(e) {

^ *\$$•div•$\.on$•mouseover click mouseout•, function\(e$ { *$

Code the first line that listens for the three events covered in the book on an image of a particular class. Make up the class name.

$("img.clickable").on("mouseover click mouseout",
function(e) {

^ *\$$•img\..+•$\.on$•mouseover click mouseout•, function\(e$ { *$

Fill in the blank to assign the type of event to the variable.

var whichEvent = (_.type);

^ *e *$

Fill in the blank to assign the type of event to the variable.

var whichEvent = _______;

(e.type)

^ *$e\.type$ *$

Code a function that listens for the three events covered in the book on any image and assigns the event type to a variable. Make up the variable name.

$("img").on("mouseover click mouseout", function(e) {
var whichEvent = (e.type);
});

^ *\$$•img•$\.on$•mouseover click mouseout•, function\(e$ {\n *var .+ = $e\.type$;\n}\); *$

Code a function that listens for the three events on any list item in a particular ordered list and assigns the event type to a variable. Make up the id of the ordered list and the variable name.

$("ol#pets li").on("mouseover click mouseout", function(e) {
var whichEvent = (e.type);
});

^ *\$$•ol#.+ li•$\.on$•mouseover click mouseout•, function\(e$ {\n *var .+ = $e\.type$;\n}\); *$

http://jsfiddle.net/ASmarterWayToLearn/u40z4wjo/

http://jsfiddle.net/ASmarterWayToLearn/wur96u46/

A Smarter Way to Learn jQuery / Chapter 73 Exercises

Congratulations. You've successfully completed all the exercises for this chapter.

Comments? Email me.