A Kaidez Article

TUTORIAL: How AJAX, jQuery and HTML5 Work Together

TOPIC: Tutorials

AJAX, jQuery and HTML5 are big buzz words in the web design/development community nowadays. While getting these web technologies to work together is exciting, the programming required to do this isn’t new.

AJAX, jQuery and HTML5 work together through the use of page tags, page IDs and page classes that exist between the two <body> tags of a web page. The JavaScript functionality embedded in jQuery and AJAX finds these tags , IDs and classes (which we’ll now call page elements) and “does” something to them; maybe it changes their background color, maybe it’s loading copy into them. Either way, it’s doing something to them.

This process of “finding and doing something” to these page elements with JavaScript is more commonly known as “traversing the DOM”. Simply put, traversing the DOM is the key to getting AJAX, jQuery and HTML5 to work together.

Web developers have used DOM traversal for years so, again, there really isn’t that much new programming involved when it comes to syncing up AJAX, jQuery and HTML5. Still, a layman’s description of how all this works may be required, so I’ll give it a try.

Next: Traversing the DOM The Old School Way With JavaScript »

 
 
 
 

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">