| Home | Print This Page |
jQuery Resources, Examples and more:
jQuery is a lightweight JavaScript Library providing a wide range of features, easy to learn syntax, and cross platform compatibility. The jQuery library provides a general purpose extraction layer for common web scripting, and is therefore useful in almost every scripting situation.
jQuery addresses:- Access elements in a document
- Modify the appearance of a web page
- Alter the content of a document
- Respond to a user's interaction
- Animate changes being made to a document
- Retrieve information from a server without refreshing a page
- Simplify common JavaScript tasks
Why jQuery works well:
- Leverage knowledge of CSS
- Support extensions
- Abstract away browswer quirks
- Always work with sets
- Allow multiple actions in one line
- Getting Started
- Learning Resources
- jQuery Plugins
- Great jQuery Examples
- And some of my Random Experiments
- First download the latest release here:
Download jQuery or our friends at Google have various iterations of it here.
http://jqueryjs.googlecode.com/files/jquery-1.3.2.js
- jQuery comes in the form of a simple .js file that you just place wherever you want on your web server and then reference
- You call up the .js file by placing the following within your header
<script type="text/javascript" src="http://www.aperfectmix.com/free_web_design/js/jquery.js"></script> As you can see I placed it in a js folder.
-
Learning Resources:
jQuery Official Site
Better said in their words:
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
- 1.4 Cheat Sheet
A good jQuery 1.4 Cheat Sheet. (Another One). - jQuery Resources
Huge list of great jQuery resources available across the web. Some links are dated but overall great! - jQuery API Browser
Great Visual API browser. Here is another more visual but older one - Visual jQuery. - Remy Sharp jQuery API Browser
Another great API lookup and example list. - jQuery Selectors
A great way to learn more about jQuery selectors. Allows you to test tons of selector scenarios out. - jQuery Selectors
Learn all about jQuery Selectors in this awesome example. - Mega Drop Down Menus
Mega drop down menus using jQuery and plugin HoverIntent. -
Books:
jQuery Novice To Ninja
jQuery: Novice to Ninja is a compilation of best-practice jQuery solutions to meet the most challenging JavaScript problems. In this question-and-answer book on jQuery, you'll find a cookbook of ready-to-go solutions to help breathe life into your web page. - Learning jQuery
This book begins with a tutorial to jQuery, followed by an examination of common, real-world client-side problems, and solutions to each of them making it an invaluable resource for answers to all your jQuery questions. Example Code - Also see the website for the book.
jQuery Plugins