Using the mouse in jQuery is really easy, and opens up a whole new world for those who use javascript. But, just about everything already has a mouse event attached to it. Images are especially tricky, usually allowing click-and-dragging by default. Today we will go over a useful function that will help you take control over just what the mouse button does on certain elements.

jQuery is one really awesome JavaScript library, and there is definitely no argument that it makes life easier. But its robustness can be its downfall sometimes. You can do almost anything with it, but with some things it is hard to figure out just how to do it. Today I will take you through some jQuery selectors that you may have not known about concerning forms.

Those of us who are used to GUI frameworks are used to the many components often built in. Everything from textboxes to progress bars are at our disposal. But when you move to the web there are no 'built in' version of many of these building blocks. The treeview has many incarnations on the web, and there is good reason. It is a versatile component, usable in any type of collection management. There are many ways to get a treeview going on the web, but today we will be taking jQuery and making a quick and dirty treeview - one that can be built and used in a matter of minutes.

For whatever reason, there may be times when the mouse position relative to the page document is just not specific enough. Sometimes you may want the position as it relates to a specific element. Maybe you want the position of something in an image, maybe you are just curious, it doesn't matter. What does matter is that you want those coordinates. Thankfully, with jQuery, we can easily do this.

Lately I've been working with jQuery plugins and I decided to create a tutorial demonstrating how to use the jQuery plugin system to build a simple star ratings control.

Tooltips are not the most exciting thing about the web. I mean you hover your mouse over a link or image for a couple of seconds and you get some text describing it. With all the really cool web apps out there, tooltips have lost their touch on the web. But, with a little help from jQuery, we can take these boring tips and replace them with our own fancy ones. Since jQuery is quite an amazing library, we can do this in a snap.

Lately I have been doing a lot with jQuery and one item is a slideshow. Around the web you can find a variety of slideshows, all with slightly different implementations. Well today I am going to add to the already long list with a very simple solution. With the same code you can use this slideshow to display anything you can put into html.

Sometimes, I sit around scratching my head trying to think of good tutorials to write. This time I am taking a cue from The Tallest. Recently, he wrote the tutorial, Silverlight 2 Transmitting Data Using JSON, which was a direct copy of an earlier post I wrote for Flex - well I decided to do the same thing except use Javascript with jQuery to handle the interaction. Now, I think as far as technologies go I believe it may be slightly easier to do this in Silverlight or Flex. My reasoning behind this is simply because the interface is quicker to layout. Other than that I think that it is just a easy to use jQuery to do this kind of interaction.

XML is an important part of AJAX. Heck, it's right in the name, "Asynchronous JavaScript and XML", so knowing how to parse XML is equally important. This tutorial will demonstrate how to parse XML using jQuery that should cover almost all cases you'd typically run into.

One of these days every browser will act the same and support the same web standards. However, that's not today. With any sufficiently complicated web application, it's important to know what browser the user is running so you know what javascript functions are available or what CSS it supports. This tutorial will go through all the mechanisms available in JQuery to determine what browser and what version is being used.