To get started with jQuery on Visual Studio, you should have the following installed in your system:
- Visual Studio 2008
- Visual Studio 2008 SP1
- The jQuery Library (Download the latest version from The jQuery Project page.)
- Visual Studio 2008 jQuery Plugin
Alternatively, you can simply download and use Visual Studio 2010, as it comes with in-built support for jQuery. If you have Visual Studio 2010, you have the jQuery library by default.
What Is jQuery? Why Is It Useful?
JQuery provides a common browser API that provides cross-browser support, and using it drastically reduces the amount of code you need to write. The most striking features of jQuery include:
- Support for browser independence: jQuery is supported by most modern browsers.
- Support for a simplified event-handling model: jQuery provides support for an excellent, easy-to-use normalized event-handling model with greatly reduced code. The jQuery event-handling model is consistent across all browsers. The event object is cross browser and normalized, and one event object is always passed as a parameter to an event handler.
- Support for seamless extensibility: jQuery provides support for extensibility through an easy-to-use plugin API that enables extending the jQuery core library seamlessly.
Manipulating DOM Elements
In jQuery, it is quite easy to change the look and feel of a DOM element by adding CSS classes. CSS classes are always preferred in situations where you want to apply element styles that are reusable and can change over time.
To add a CSS class to a DOM element in jQuery, use the following code:
To remove a CSS class attached to a DOM element in jQuery, use the following code:
You can also check to see if a particular CSS class is bound to a DOM element. To do this, you can use the following snippet of code:
You can use the length property to check whether an element exists. Here's an example:
Here is a much simpler version of the code snippet shown above: