Getting Started with jQuery
jQuery programming has a great deal to do with CSS selectors. The following tutorials explain how to include jQuery on your page, followed by explanations of CSS selectors to get you started.
- How to Add jQuery to Your Website
- How to Get Started with jQuery
- jQuery and CSS Selectors
- Selecting HTML Elements Using CSS Selectors (Part 2)
Main jQuery Tutorials
- jQuery CSS Selector Walkthrough
- Rerouting <A HREF> Functionality for Custom CSS Buttons
- Regular Expressions (regex) and jQuery
- Make an Ajax Call Using jQuery
- Examples of Binding jQuery Events to HTML Elements
- Creating jQuery Event-based CSS Buttons
- Converting Common HTML5 Elements Into jQuery Mobile UI Controls
- Applying Mouse Events to Custom CSS Buttons
- How to Create a jQuery Plugin
- How to Create a Mouse Hover Tool Tip with jQuery
- How to Overwrite Default jQuery Methods: next() and prev()
- jqWolfer: Overwrite Default Alert Message Box Functionality
- jqGrowl: A Plugin to Create Mac OSX-like "Growl" Messages (HTML, CSS)
Lookup / Printout Diagrams
jQuery programming is made simple using these visual lookup diagrams, visually displaying a corellation between jQuery methods and the properties of HTML elements. These printout diagrams are high-resolution charts in Adobe PDF format. If you have a printer, it takes less than a minute to download and print them out.
- Diagram 1: jQuery Element Size (Offset, Width, Height) Methods
- Diagram 2: Selecting Values From Input Elements
- Diagram 3: The Link Between Ajax, JSON and PHP.
jQuery Selector Tutorials
- CSS Selectors to Get or Set a Value to/from HTML's <Select> and <Option> Tags
- Using "each" Method to Loop Through a List of HTML Elements
- Method "each" to Loop Through Object Contents
- Anonymous (Nameless) Functions
- Selecting HTML Element Contents with innerHTML and jQuery Method .html()
- Auto-type a Prerecorded Message in Textarea With MP3 Audio
- Free Keyboard Typing Practice Game for Kids
- CSS 3D Transforms (Spinning Coke Demo)
Copyright © 2005-2013 by Greg Sidelnikov. All rights reserved.
Subscribe by E-mail to Receive New Tutorials and Articles.
Receive new articles in your inbox. Subscribe for free to the www.learnjquery.org RSS tutorial news feed.
Once subscribed, you will receive an update every time a new tutorial or article is published.
Your e-mail address is kept private and you can unsubscribe at any time.