Introduction to JQuery

Introduction to JQuery

13 Feb 2024
Beginner
20.7K Views
2 min read

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 is easy. Using JQuery we can select DOM elements, create animations, handle different types of JQuery 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.

Read More - jQuery Interview Questions for Freshers

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

Share Article

Live Classes Schedule

Our learn-by-building-project method enables you to build practical/coding experience that sticks. 95% of our learners say they have confidence and remember more when they learn by building real world projects.
Azure Developer Certification Training Jun 29 SAT, SUN
Filling Fast
07:00AM to 09:00AM (IST)
Get Details
.NET Microservices Certification Training Jun 29 SAT, SUN
Filling Fast
05:30PM to 07:30PM (IST)
Get Details
React JS Certification Training | Best React Training Course Jun 30 SAT, SUN
Filling Fast
08:30PM to 10:30PM (IST)
Get Details
ASP.NET Core Certification Training Jun 30 SAT, SUN
Filling Fast
10:00AM to 12:00PM (IST)
Get Details
Full Stack .Net Developer Jun 30 SAT, SUN
Filling Fast
11:00AM to 01:00PM (IST)
Get Details
Advanced Full-Stack .NET Developer Certification Training Jun 30 SAT, SUN
Filling Fast
10:00AM to 12:00PM (IST)
Get Details
Generative AI For Software Developers Jul 14 SAT, SUN
Filling Fast
08:30PM to 10:30PM (IST)
Get Details

Can't find convenient schedule? Let us know

About Author
Shailendra Chauhan (Microsoft MVP, Founder & CEO at Scholarhat by DotNetTricks)

Shailendra Chauhan is the Founder and CEO at ScholarHat by DotNetTricks which is a brand when it comes to e-Learning. He provides training and consultation over an array of technologies like Cloud, .NET, Angular, React, Node, Microservices, Containers and Mobile Apps development. He has been awarded Microsoft MVP 8th time in a row (2016-2023). He has changed many lives with his writings and unique training programs. He has a number of most sought-after books to his name which has helped job aspirants in cracking tough interviews with ease.
Self-paced Membership
  • 22+ Video Courses
  • 800+ Hands-On Labs
  • 400+ Quick Notes
  • 55+ Skill Tests
  • 45+ Interview Q&A Courses
  • 10+ Real-world Projects
  • Career Coaching Sessions
  • Email Support
Upto 60% OFF
Know More
Accept cookies & close this