JQuery Basics

JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.  JQuery is designed to change the way that you write JavaScript. Jquery is used for developing ajax based applications and it also used for the JavaScript programmers. Jquery is simple and reusable one. JQuery helps our website more interactive, interesting and exciting. Jquery is ideal and it can help to create impressive animations and interactions. JQuery is a popular open source JavaScript Library and it provides many advanced and cross-browser functions that have to better your web applications. JQuery is a client-side JavaScript library that takes away browsers’ various implementations into an easy-to-use API.

JQuery Definition

JQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. JQuery is designed to change the way that you write JavaScript.

Jquery is very popular and in high demand among the developers because the functions used by jQuery are easy to learn and even a designer can learn it fast. It is open source software and also it is free. JQuery is dual-licensed under the MIT License and the GNU General Public License. Microsoft has integrated jQuery officially into its IDE Visual Studio 2010 and jQuery intelligence is available in Visual Studio 2010 now. Jquery is too compactable and well written in java code, it increases the productivity of the developer by enabling them to achieve critical user interface (UI) functionality by writing very less amount of code. It helps to,

  1. Improve the performance of the application
  2. Develop most browser compatible web page
  3. Implement UI related critical functionality without writing hundreds of lines of codes
  4. Fast
  5. Extensible – jQuery can be extended to implement customized behavior

Advantages of adding animations with AJAX are

  1. Animations hide the fact that some requests take time to be processed server-side.
  2. Animations attract the user’s attention to what is changing on the Web page. Without an animation, a user might not notice that part of the page changed.

JQuery is very easy to use and we did not worry at all about cross-browser issues, because JQuery provides an abstraction layer that protects us from those problems.

For adding jQuery library in our web pages we are using the following mark up.

Syntax:-

<head>
<script type=”text/javascript” src=”jquery.js”></script>
</head>

Eg:-

<!DOCTYPE html>
<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>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

 

JQuery  Features

  1. HTML element selections
  2. Easy to learn
  3. HTML element manipulation
  4. CSS manipulation
  5. HTML event functions
  6. JavaScript Effects like drop down menus, drag and drop elements, animations and form validation and animations
  7. HTML DOM traversal and modification
  8. Works with AJAX
  9. Utilities:- Such as browser version and the each function
  10. JavaScript Plugins
  11. Compatibility methods that are natively available in modern browsers but need fallbacks for older ones – For example the inArray() and each() functions.
  12. Cross-browser support.
  13. Small File Size
  14. Can combine with Prototype
  15. Can work with Other Coding Languges