jQuery with ASP.NET

By default IntelliSense in Visual Studio doesn’t know anything about jQuery. So for instance if you try get some help as soon as you type ‘$’ IntelliSense won’t suggest you anything useful.

Enabling support for jQuery is very simple. , but first let’s make sure that we are in the same starting point.

Get jQuery and jQuery documentation for IntelliSense

This is the goal:

How to achieve that?

There are 2 options:

1. Create new project in VS 2010 using option ’ASP.NET Web Application’. In Scripts folder you should have jQuery and jQuery IntelliSense documentation already included. (however in version 1.4.2)
   
2. Download manually, the latest files for version jQuery 1.7.2:
   1. jquery-1.7.2.js – development file, uncompressed file
   2. jquery-1.7.2.min.js – production file, minified and gzipped
   3. jquery-1.7.2-vsdoc.js – documentation file which is required to enable IntelliSense for jQuery in VS 2010

How to enable IntelliSense for jQuery

1. Create new JScript file, for exampleDefault.js
2. Drag & drop jquery-1.4.1-vsdoc.js file into the Default.js file.

   

   when this is done your JS file should loke like this:

   /// <reference path="jquery-1.4.1-vsdoc.js" />

3. Now you can start using IntelliSense, here are a few examples:

   
   

   

4. Enjoy!

Related Posts

• How To Use Basic jQuery Filters With HTML List (part 2)
• How To Use Basic jQuery Filters With HTML List
• Button Click Event via Ajax With jQuery
• Modules and AJAX Updates Every X Seconds
• Custom Validators and Asynchronous Calls to Web Service with jQuery