jquery - Explain this fragment of Javascript to me - Stack Overflow

I am newbie to jQuery, can someone explain what this code does:

$("#currency form").submit(function(e) {

        triggers.eq(1).overlay().close();
        return e.preventDefault();
    });

I am newbie to jQuery, can someone explain what this code does:

$("#currency form").submit(function(e) {

        triggers.eq(1).overlay().close();
        return e.preventDefault();
    });

• javascript
• jquery

Share Improve this question Follow asked Mar 1, 2010 at 16:44 Pentium10Pentium10 208k124124 gold badges435435 silver badges511511 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 12

The first line begins a function that handles the submit event of all form tag(s) in the element with ID currency.
Documentation: Selectors, submit event

The second line closes an overlay in the second element in the triggers variable.
Documentation: eq method, overlay plugin

The third line tries to prevent the submit, but isn't pletely correct. (It should be e.preventDefault(); and/or return false;)
Documentation: event.preventDefault, event handlers

triggers = a jQuery object

triggers.eq(1) = get the second element from the matched elements inside the jquery object

triggers.eq(1).overlay() = get the overlay instance (a plugin) on the second element

triggers.eq(1).overlay().close() = close the overlay.

return e.preventDefault(); = prevent the default action (form submission)

On the submit event of the form, it will:

1. Get the second element in the triggers collection (of jQuery elements).
2. Get the overlay on that element.
3. Close that overlay.
4. Prevent the submit event from bubbling to the parent handler.