What is JQuery and Why to Use It

jQuery vision secrets

Table of Contents

In this post we’ll See what is jQuery and Why to use in you project. We’ll also see Examples to get more detail about jQuery.

Let’s Get started with Question What is JQuery.

What is jQuery ?

Basically jQuery is JavaScript Library and its purpose is to make it much easier to use JavaScript in your project.it is the free and open-source, fast, small and feature-rich library. As we know for performing a dynamic task we need to write a lot of JavaScript functions and all which required a lot of efforts. Keeping this in Mind Some Developers came with Solution that is JQuery which includes builtin function and plugins to make these task much easier.

jQuery tagline is “write less, do more” which means we should write less and accomplish more task using jQuery. jQuery takes a lot of common tasks that require many lines of JavaScript code to accomplish and wraps them into methods that you can call with a single line of code. jQuery also simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation.

There are some important Features jQuery Provides:

  • HTML Element Methods
  • HTML/DOM Manipulation
  • HTML Event Methods
  • Animation and Effects
  • AJAX
  • and Much More(that is Plugins)

Example:

Let say You want to Build the Website with some cool animations and Effects like fade, slides, Toggle, etc. now for this, you need to write separate functions with the help of JavaScript. writing functions for these features might take a lot of efforts and time. but you have limited time and you don’t want to spend your time writing those functions. here jQuery comes into pictures which includes all functions that you required for your project.

Let’s Look at Some Code for better Understanding.

jQuery Syntax

$(selector).action()

 $ sign to define/access jQuery
 (selector) to "query or find" HTML elements
 action() to be performed on the element(s)

Suppose you want to hide all the paragraph elements when the button is clicked. and to accomplish this you will write a below-given code snippet. all the jQuery code executed when document is ready for this we enclosed all the jQuery code inside the “$(document).ready(function(){});”

$(document).ready(function(){
  $("button").click(function(){
     $("p").hide();
   });
});

why to use jQuery in Your Project ?

There are lots of other JavaScript libraries out there, but jQuery is probably the most popular, and also the most extendable.

Many of the biggest companies on the Web use jQuery, such as:

Bootstrap JS Components is also based on jQuery so, this is The another Important Reason to use jQuery in the project. if you want a clear idea about bootstrap you can read my article on WHAT IS BOOTSTRAP AND HOW IT WORKS.

You can Use jQuery in Your Projects in 2 ways

Download the jQuery library from jQuery.com

Include jQuery from a CDN, like Google

Conclusion

If you are working on projects and want work to be done in less time then definitely you should use jQuery .

Comment down if you like it 👍.also Comment down if you have any queries.

8 thoughts on “What is JQuery and Why to Use It”

  1. Wonderful goods from you, man. I have understand your stuff previous to and you’re just too excellent. I really like what you’ve acquired here, really like what you’re stating and the way in which you say it. You make it enjoyable and you still care for to keep it wise. I cant wait to read much more from you. This is really a wonderful site.|

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top