Chapter 5. Bringing pages to life with jQuery

 

This chapter covers

  • Manipulating element class names
  • Setting the content of DOM elements
  • Getting and setting form element values
  • Cloning DOM elements
  • Modifying the DOM tree by adding, moving, or replacing elements

Today web developers and designers know better than those of 10 years ago (or even themselves 10 years ago) and use the power given to them by DOM scripting to enhance a user’s web experience, rather than showcase annoying tricks made of blinking texts and animated GIFs. Whether it’s to incrementally reveal content, create input controls beyond the basic set provided by HTML, or give users the ability to tune pages to their own liking, DOM manipulation has allowed many web developers to amaze (not annoy) their users.

On an almost daily basis, many of us come across web pages that do something that makes us say, “Hey! I didn’t know you could do that!” And being the commensurate professionals that we are (not to mention being insatiably curious about such things), we immediately start looking at the source code to find out how they did it. That’s the beauty of the web, where you can see other developers’ code at any time, isn’t it?

5.1. Changing element styling

 
 
 

5.2. Setting element content

 
 

5.3. Dealing with form element values

 
 

5.4. Summary

 
 
 
sitemap

Unable to load book!

The book could not be loaded.

(try again in a couple of minutes)

manning.com homepage
test yourself with a liveTest