Title: Introduction to jQuery - Events
Duration: 16:38 min
Description: Before moving into events, this video continues the example on selectors. We use a table of employees and their salaries to illustrate how we can select the nth-row and the effect of hovering over rows. Then we show how we can select radio buttons available on the page and apply some style to them. The second part of this video starts the discussion of events. We create a div on the page and we write jQuery code to bind to specific events (mouseover in this case). Then we see the use of one() and hover() as part of the jQuery eventing.
Methodology: Using jQuery library.
Technologies: JavaScript, HTML, jQuery.
Examples constructed: The first example show how we can select the radio buttons on the page and apply a class to them. Then we see how we can use hover to apply a class when we are hovering over rows. One more example shows how to select the nth-row and apply some css to it. When it comes to events, we create an example to bind a tag to a specific event (mouseover), and see how we can trigger a single click using one().
Key words: jQuery, JavaScript, div, $(document).ready(), function, addClass, hover, nth-child, css.