As you can see, I select the ol, and then I select its first child li:first node. I Invoke the event hide, which basically sets the node’s style to invisible.
- $(document).ready(function) – starts when the selector has been loaded (document is the common selector)
- $(selector).focus(function) – starts when the selector gains focus
- $(selector).mouseover(function) – starts when the user hovers over the element
- $("input").keypress(function) – starts when a key is pressed
- $("input").keydown(function) – starts when a key is pressed down
- $("input").keyup(function) – starts when a key is released
- $(window).scroll(function) – starts when the user scrolls the selector (window is the common selector)
These are just a few of the important events, but please feel free to go jQuery’s tutorial on events to see the rest of the events I cannot overstate the importance of the events in jQuery. Use them to control when and how you want to start jQuery functions.