How to use jQuery in ASP

Question

1.00/5 (1 vote)

See more:

Hello Friends,

I read about the jQuery and want to use in my apps.

But I'm bit confuse how can I implement jQuery in my Apps.
Do I need to include any dll in my app like AjaxControlToolkit.
or is there any other package to use jQuery in Applications.

I'm using Visual Web Developer 2010.

If yes I need to include a dll so which one should I download and use.

Thanks and regards.

Posted 3-Oct-11 19:41pm

Manish Kumar Namdev

Add a Solution

3 solutions

Solution 1

I think this will help you to start using jQuery.
http://www.asp.net/ajaxLibrary/jquery_introduction.ashx[^]

Posted 3-Oct-11 19:43pm

Prerak Patel

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodingLover · Accepted Answer · 2011-10-03T19:45:00

Solution 2

You have to include the relevant JS file. Most of the cases jQuery plugins are not a single file. It comes with some CSS files, images and so on. There is no DLL as such.

Normally jQuery plugin comes with a simple documentation that how you can use them in your applications. Just like the following.

http://www.queness.com/post/77/simple-jquery-modal-window-tutorial[^]

Posted 3-Oct-11 19:45pm

CodingLover

Comments

Manish Kumar Namdev 4-Oct-11 2:08am

Thanks for reply.

I visited the given link and save the the jquery-1.6.4.js file and included in my application.
Now further do I require to create any javascript file and include in my page in script tag.
Means Now I want to implement so how can it like .css file i include in my app in using a link src property.

CodingLover 4-Oct-11 2:23am

You are welcome.

Actually you don't need to include any JS file part from what comes with the jQuery package. But you have to do some JS stuff to attach with your application.

Look at the step 3. That is the JS segment where jquery-1.6.4.js is used and build the application. Got it? In other words, jquery-1.6.4.js is just define the underlying architecture of the jQuery, and step 3 use it and implement something new on it.

Then how you can use it in your application? Look at the step 4, describe the way you have to use it.

Manish Kumar Namdev · Accepted Answer · 2011-10-03T22:25:00

Hi friends, I got the solution actually what I required.
what a beginner need to start with jQuery that's all here now in few steps.

1. You need to download the following CDN(Content Delivery Network) from the given link and include in your project.

VB

1. http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.js
2. http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js
3. http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2-vsdoc.js

the jquery-1.6.2-vsdoc.js provide the IntelliSense.

2. After including these files in your solution explorer in a folder, drag them on the page you want to apply.

3.

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jQuery.aspx.cs" Inherits="jQuery" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="App_Themes/customCss.css" rel="stylesheet" type="text/css" />
    <script src="Script/jquery-1.6.2.js" type="text/javascript"></script>

4. Include a script tag in your page and start using jQuery.

For more details please refer to http://www.dotnetcurry.com/ShowArticle.aspx?ID=231[^]