Here are links to each of the JQuery examples we looked at today.
- basic usage of JQuery selectors
- using JQuery to handle page load events
- using JQuery to handle click events
- using JQuery to handle mouseover events
- using JQuery to handle mouseout events
- using JQuery to handle form submission events
- using JQuery to change an individual CSS style of an element
- using JQuery to change an element’s CSS class names
- using JQuery to show and hide an element
In addition, here is the link to the example page that we used to exhibit one way in which Javascript is inconsistent and can produce unexpected results. In this case, the style.width property of elements in Javascript is inconsistently applied: it works for some elements, but not others.
And here is the example that demonstrates how to override the default behavior of links and forms. This example prevents them from actually taking the user to another page, and keeps them on the current page instead.
Related posts:
- Class 5 – Recap of Javascript Examples
- Class 6 – Introduction to JQuery
- Clas 6 – Deconstructing JQuery Syntax
- Class 6 – Assignment: create a Tic-Tac-Toe game using JQuery
- Class 6 – Some Useful JQuery Plugins