Please enable Javascript to correctly display the contents on Dot Net Tricks!

Introduction to JQuery

  Author : Shailendra Chauhan
Posted On : 03 Jul 2010
Total Views : 11,700   
Updated On : 14 Jul 2012
 

JQuery is a cross-browser JavaScript library that is developed to simplify the client-side scripting of HTML.It was released in january 2006 at BarCamp NYC by John Resig. JQuery is free, easy to use and open source scripting language. JQuery's syntax are easy. Using Jquery we can select DOM elements, create animations, handle different types of events, and develop ajax based applications.

JQuery also provides facilities for developers to create own plugins on top of the JavaScript library. Using these capabilities, developers are able to create high level interaction and animation, advanced effects, theme-able widgets. This contributes to the formation of interactive and dynamic web pages.

Features of JQuery

JQuery is awesome scripting library. I am using it from one year and I am very much impressed to Jquery. I like it and find myself much comfortable to work with it.There are following features of JQuery :

  1. DOM traversal and modification (including support for CSS 1-3).

  2. HTML element selections.

  3. HTML element manipulation.

  4. CSS manipulation.

  5. Effects and animations.

  6. Extensibility through plug-ins.

  7. Ajax and Events

  8. Utilities - such as browser version and the each function.

Where to put our scripts?

  1. Between the HTML document head tags.

  2. Within the HTML document body (i.e. between the body tags).

  3. In an external file (and link to it from your HTML document).

First JQuery Program

<html>
<head>
<script type="text/javascript" src="jquery.js">/script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>Welcome To JQuery World !!</h2>
<p>This is a JQuery paragraph.</p>
<p>This is another JQuery paragraph.</p>
<button type="button">Click me</button>
</body>
</html> 

Note

  1. Both Google and Microsoft provides good support for jQuery.If you do not want to store the jQuery library on your website or own computer, you can load the CDN jQuery core file from Google or Microsoft.You can download the latest version of JQuery using following links.

  2. You can download JQuery 1.7 version cheat sheet from here



Free Interview Books
 
COMMENTS (0)
6 JUL
ASP.NET Core with Angular4 Development (Online)

7:00 AM-9:00AM IST(+5:30 GMT)T/T

Know More
5 JUL
NodeJS with Angular4 Development (Online)

08:00 PM-09:30 PM IST(+5.30 GMT)M/W/F

Know More
1 JUL
ASP.NET MVC with Angular4 Development (Online)

03:30 PM-05:30 PM IST(+5.30 GMT) Weekend

Know More
1 JUL
ASP.NET MVC with Angular4 Development (Classroom)

8:00 AM-10:00 AM Weekend

Know More
1 JUL
ASP.NET Core with Angular4 Development (Classroom)

3:00PM 5:00PM Weekend

Know More
1 JUL
Xamarin Forms : Build Cross-platform Apps (Classroom)

3:00 PM 5:00 PM Weekend

Know More
1 JUL
MEAN Stack 2 Development (Classroom)

11:00 AM-12:30 PM Weekend

Know More
30 JUN
ASP.NET MVC with Angular4 Development (Online)

07:00 AM-09:00 AM IST(+5.30 GMT) MON/WED/FRI

Know More
29 JUN
Hadoop Development cum Administration (Online)

7:00 AM-9:00AM IST(+5:30 GMT)T/W/T

Know More
26 JUN
Xamarin Forms : Build Cross-platform Apps (Online)

9:30PM- 11:00PM IST(+5:30GMT) M/W/F

Know More
26 JUN
Xamarin Forms : Build Cross-platform Apps (Online)

9:30PM- 11:00PM IST(+5:30GMT) M/W/F

6 JUN
ASP.NET MVC with Angular4 Development (Online)

09:00 PM-11:00 PM IST(+5.30 GMT)(TT)

3 JUN
ASP.NET MVC with Angular4 Development (Classroom)

4:00 PM-5:30 PM Weekend

20 MAY
Angular2 and Angular4 Development (Online)

08:00 AM-10:00 AM IST(+5.30 GMT) Weekend

20 MAY
NodeJS with Angular4 Development (Classroom)

5:30 PM-7:00 PM Weekend

8 MAY
ASP.NET MVC with Angular4 Development (Online)

07:00 AM-09:00 AM IST(+5:30 GMT) M/W/F

2 MAY
ASP.NET Core Development (Online)

07:00 AM - 09:00 AM IST( TUS, THR)

29 APR
ASP.NET MVC with Angular2 Development (Classroom)

9:30 AM-11:00 AM

BROWSE BY CATEGORY
 
 
LIKE US ON FACEBOOK
 
+