Intro

Here at Sunview we create a lot of web applications for people.  We are always looking to give the end user a great experience.  This means that the user interface needs to be snappy and responsive.

jQuery is used extensively to create user interfaces for our clients.  Also creating custom user interfaces happens quite a bit, since every client needs something unique.  This means we are writing lots of code that does some heavy DOM manipulation.  Making sure that we do this intelligently is important.

Right to the Test

If you want to skip all the boring explanation and jump right into running the test and viewing the code, go right ahead.  You can by going to http://sunviewconsulting.ca/blog/2011_05_25/index.html.  Be careful, since this is essentially a load test, this may cause your browser to become un-repsonsive.

Caching elements with jQuery

jQuery is all about making DOM access and manipulation easy.  We can select something by id.

<div id='selectme'>Some HTML</div>

$('#selectme').html('New HTML');

Or we can select something by CSS class

<div class='selectme'>Some HTML</div>

$('div.selectme').html('New HTML');

Continue reading →