jQuery - A New Way to Write Common JavaScript Design Patterns in a Lot Less Code
Click here to visit the jQuery website.
jQuery is a very basic, but very powerful, JavaScript coding methodology and code set for writing common, dynamic, JavaScript-enabled web functionality, using a lot less code than you would use to write the same functionality otherwise. jQuery is, technically, a set of code wrappers: code written by developers that simplify common tasks. They've written what would normally be more complicated coding/design patterns and made them available as easy-to-use methods, classes, etc. What I like the most about jQuery is its 1) ease of use & installation, 2) easy-to-use effects library, and 3) broad-range-browser compatibility.
Installing jQuery
jQuery is simply one JavaScript file (.js)! You simply download the latest version from the jQuery site, then include it in your page, like this:
Execute Code Not when the Page Loads, but when Every Object on the Page has Loaded, Including All Images
Showing and Hiding HTML Elements, Gradually
Toggle the Visibility Between Two Elements/Objects
Click on the following button to test the toggle() code.
Hello!
Click on the following button to test the toggle() code.
Hello!
Gradually Show an Element, Sliding Downward
Click on the following button to test the slideDown() code.
Click on the following button to test the slideDown() code.
Gradually Show an Element, Sliding Upward
Click on the following button to test the slideDown() code.
Click on the following button to test the slideUp() code.
Toggle the Visibility of an Element/Object, Gradually, Upward & Downward
Click on the following button to test the slideToggle() code.
Click on the following button to test the slideToggle() code.