JQuery is a JavaScript framework by using JQuery our program become more easiest and more effective. JQuery simplifies the use of JavaScript.
JQuery is not a language it is handwritten library file using JavaScript code. JQuery is a fast and featured rich JavaScript library that simplifies the HTML documents event handling, traversing, animating and Ajax interaction for fast, smooth and rapid web development.
JQyery JavaScript library written by John Resig in 2006. The moto of using JQuery in web development is Write less, Do more.
JQuery has several features some of them as follow
- DOM Manipulation: Using JQuery it become very easy to manipulate DOM Object.
- Event Handling: JQuery offer a good feature of Event Handling. It has wide range of events which make web development more interactive.
- Ajax Support: JQuery suport Ajax which means we can develop or create a responsive and feature-rich site easily via using Ajax Technology.
- Animation: JQuery provide very innovative animation for our web site.
- Light-Weight: As we know that JQuery is JavaScript Library file hence it is very small in size. The size of JQuery library file is near about 19KB. JQuery comes along with Zipped and Minified.
- Latest Technologies: JQuery library use latest technologies like CSS3 selectors, HTML5 and basic XPath syntax.
HOW to use JQury?
The question is arise is that how we use JQuery in our web development ?
So using JQuery in our web development is very simple. We can use JQuery in our project in two ways.
- Local Installation.
- CDN Based Version.
Local Installation: We can download JQuery Library file in our system and include it in our HTML file.
If you want to download the JQuery latest version just click on the given link
Download JQuery Library File : https://jquery.com/download/
After downloading the library file follow the following steps
- Copy the JQuery Library that is jquery-2.1.3.min.js file which you have downloaded and paste it into your project folder '/jquery' if there is no any folder like 'jquery ' you can create the folder and rename it to jquery.
- After step one completed just open the html file in which you want to use JQuery features.
For Example:
<html>
<head>
<title>A simple JQuery example</title>
<script type="text/javascript" src="/jquery/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
document.write("Hello, World.");
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
Output:
Above code will produce following result
Hello, World.
CDN (Content Directory Network) Based Version: Using CDN approach we include the JQuery library file directly from the CDN (Content Directory Network).
Google and Microsoft provides the CDN Technique of latest version.
For Example:
<html>
<head>
<title>A simple JQuery example</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
document.write("Hello, World.");
});
</script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
Output:
Above code will produce following result
Hello, World.
Post a Comment Blogger Facebook