Our Blog

TVI Blog: Development, jQuer

Wonderful Jquery and You

What’s Jquery and why use it?

Jquery is a coding framework that was introduced in 2006 and makes writing javascript much easier.

Javascript has been around forever; Jquery just enhances what it can do. I’ve always preferred using Jquery as an alternative to Flash because it’s lighter than flash, has cross browser compliance, doesn’t require a plugin and can be editable in seconds (rather than open the flash doc, make changes, and then reupload a .swf file). The abilities of Jquery are limitless, but I’ve picked a few that make my life a bit easier on a daily basis:

Jquery Animate:

Jquery animate is essential for creating a dynamic and all-around fun interface. It does exactly what it says, it animates elements. This can be on page load, rollovers, hovers and callbacks for a better and more friendly user experience. You can also animate colors as well as elements. You can fade from one color to another to make nifty rollovers. Those are just some things you can do with jquery animate, but ultimately, the sky is the limit.

Add/Remove class:

If you’re not a designer, you might not understand why this is important, but I’ll try. Add Class does exactly what it says, it adds a class to an element. Elements in html have classes and id’s that determine how they look and what they do. Let’s say we have an element called #box. #box has a class of .red, so it would look like this #box.red. Now, say we wanted to make the red box tall on some pages, and normal on others. Jquery can add class .tall on certain pages, and remove them on others without duplicating the element. Super nifty if you have many pages with different looks.

Fade In/Fade Out:

Fade In/Fade Out also does exactly what it says. It fades out elements as well as fades them in. This is particularly useful when elements need to be on a page, but only visible when the user wants it, or needs to see it. This is useful for forms, or disclaimers. Ever see an image that comes up after you’ve clicked on a thumbnail? It uses something called a lightbox that sometimes uses fade in/fade out to display the image that you choose to see.

Jquery is incredibly useful when it comes to user interfaces and with some jquery functions being implemented into CSS3, it makes it even easier to create a beautiful, user friendly and fun site.

Leave a Reply