jQuery Introduction

/

jQuery tutorials will help you learn the essentials of jQuery, from the fundamentals to advanced topics, so that you can create interactive web pages with much less efforts.

Tutorials are broken down into sections where each section containing a number of related topics that are packed with easy to understand explanations, practice examples, smart workarounds and useful tips.

You can save a lot of time and efforts with jQuery — So bookmark this website and continue on.

If you’re completely new to the jQuery we recommend you to start with jQuery Introduction and the section that covers jQuery basics and gradually move forward, by learning a little bit every day.

Tip:Since every chapter in this tutorial is somewhat related to each other. So it’s a good idea to make sure that you have understood the each topic very clearly before moving on to the next chapter or section.

jQuery is a powerful and widely used JavaScript library.

What is jQuery

jQuery is a fast, lightweight, and feature-rich JavaScript library that is based on the priciple“write less, do more”. It’s easy-to-use APIs makes the things like HTML document traversal and manipulation, event handling, adding animation effects to a web page much simpler that works seamlessly across all the major browsers. jQuery also gives you the ability to create an Ajax based application in a quick and simple way. This is a brief jQuery Introduction.

Try it

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Show alert with jquery on page load</title>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    alert('techTutorialsOnline.com');
});
</script>
</head>
<body>
    <div class="container">
        <h1>Show alert with jquery on page load</h1>
    </div>
</body>
</html>

 

Companies like Google, Microsoft and IBM are using the jQuery for their applications. So you can easily understand how popular the jQuery is?

Advantages of jQuery

The biggest advantage of jQuery comes from its selectors that allow you to traverse the DOM tree of an HTML document’s structure in an efficient manner.

Additionally, using the jQuery inbuilt methods you can create animations and effects like sliding transition, showing or hiding an element, etc. with a single line of code.

Here are some more advantages, why one should opt for jQuery:

  • Save lots of time — You can save lots of time and efforts by using the jQuery inbuilt effects and selectors and concentrate on other development work.
  • Simplify common JavaScript tasks — jQuery considerably simplifies the common JavaScript tasks. Now you can easily create feature rich and interactive web pages with fewer lines of codes, a typical example is retrieving the information from a server and updates the page without refreshing.
  • Easy to use — jQuery is very easy to use. Anybody with the basic working knowledge of HTML, CSS and JavaScript can start development with jQuery.
  • Compatible with browsers — jQuery is created with modern browsers in mind and it is compatible with all major modern browsers such as Mozilla Firefox, Google Chrome, Safari, Internet Explorer, and Opera.
  • Absolutely Free — And the best part is, it is completely free to download and use.

Tip:With JavaScript, you often need to write many lines of codes to locate an element of an HTML document, but with jQuery robust selector mechanism you can easily get the exact portion of the document to perform any manipulation.

This is all about jQuery Introduction.

If you are having question, raise it at our Forum Section.