This material is presented for educational purposes. Please share it with other programmers. Reader’s support is the only thing these tutorials have relied on from the beginning.
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
- 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
jQuery Plugins
Plugins are pre-written JavaScript objects that accomplish a certain task, for example add a calandar to your web page. You can add a plugin previously programmed by someone else to your web page and start using it for a specific purpose. In this section you will learn how to create your own jQuery plugins. A few examples of custom jQuery plugins are provided here for education.
- 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()
Cheat Sheet Printout / Lookup Diagrams
jQuery programming is made simple using these downloadable printout lookup diagrams, visually displaying a correlation between jQuery methods and the properties of HTML elements. If you have a printer, it takes less than a minute to download and print them out.
Some diagrams that can help learning JavaScript.
A Few Other jQuery Tutorials
- Using “each” Method to Loop Through a List of HTML Elements
- Method “each” to Loop Through Object Contents
Getting Started with JavaScript
- Beginner’s Guide to the Basics of JavaScript Programming
- Getting Started With JavaScript Functions
- Defining Your Own JavaScript Functions and Constructor Objects
JavaScript Documentation
Since jQuery is a library written in JavaScript this section contains JavaScript tutorials that explain principles of writing JavaScript code.
- JavaScript Function Properties
- The “this” Variable in JavaScript
- JavaScript Primitive Coercion
- JavaScript Ternary / Conditional Operator
- Member Properties and Methods in JavaScript Objects
- Anonymous (Nameless) Functions
Utility Scripts
JavaScript Tricks
- Simulating Touch-screen Inertia with Custom JavaScript Code
- Selecting HTML Element Contents with innerHTML and jQuery Method ()
- Replacing the Native JavaScript Alert Message Box with One Styled Using CSS
- JavaScript: Double or Single Quotes?
Script Optimizations
JavaScript HTML5 GameDev Tutorials
Most recent YouTube JavaScript & HTML Video Tutorials:
- Learn HTML Tutorial
- Learn CSS Tutorial
- How to Center an Image in HTML
- Writing Responsive JavaScript Code
- WebGL Tutorial For Beginners
- Setting Up HTML5 Canvas (Making JavaScript Games Tutorial Series)
- Drawing Sprites on JavaScript Canvas (Making JavaScript Games)
- Tile Map Tutorial (Making JavaScript Games)
- Tig JavaScript game engine source code download for free
- Collision Detection for Game Development
- Game Engine (so far)
- Points on Canvas
- Vector Library
- Dot Product, Cross Product visually explained (briefly)
- Line Segment Library
- Line Normal Vector
- 2D Unit Vector
- Mouse Controls
- Line Segment Intersection Algorithm
- Point In Circle Test
- Circle vs Circle
- Line vs Circle
- Point in Rectangle
- Rectangle AABB Test
Rats! WebGL hit a snag problem fixed in Chrome browser
This is probably not so much a jQuery issue, but if you’ve started delving into WebGL programming, and your Chrome browser settings are not properly configured, viewing WebGL content might cause the infamous Rats WebGL hit a snag message. This video tutorial explains how to fix it.