Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
After execution, upon clicking the paragraph with ID bar, the three messages are logged in
succession on consequent clicks.
Next, toggle the visibility of the paragraph with ID bar with the following code:
$("#bar").toggle();
Firing this function hides the paragraph. Firing it again brings it back. By adding the duration as the
first argument, the method will animate the element as it’s hidden or shown:
$("#bar").toggle(2000);
Last, a Boolean flag can be passed to determine whether all elements should be shown or hidden:
$("#bar").toggle(true); // all elements will be shown
$("#bar").toggle(false); // all elements will be hidden
.trigger()
To trigger an event, the .trigger() method is used. This method accepts an event to trigger and an
optional array of arguments to be passed to the handler.
Bind a handler to the paragraph with ID bar, and trigger it using the following code:
$("#bar")
.bind("click", function(){
console.log("Clicked!");
})
.trigger("click");
To pass additional data, modify the code as follows:
// create a variable
var note = "I was triggered!";
$("#bar")
.bind("click", function(event, msg){ // allow a 2nd argument
// If no msg variable is passed, a default message
var log = msg || "I was clicked!";
console.log(log);
})
.trigger("click", [ note ]); // array passed in square brackets
This outputs the message stored in the note variable to the console.
Shortcut Event Methods
Every event has a shortcut method that accepts the handler function as an argument. If passed without
an argument, it calls .trigger() for its event type.
The available shortcut functions are .blur(), .focus(), .focusin(), .focusout(), .load(), .resize(),
.scroll(), .unload(), .click(), .dblclick(), .mousedown(), .mouseup(), .mousemove(), .mouseover(),
.mouseout(), .mouseenter(), .mouseleave(), .change(), .select(), .submit(), .keydown(), .keypress(),
.keyup(), and .error().
77