Introduction Of JQuery – Tutorial

What You Should Already Know

Before you start studying jQuery, you should have a basic knowledge of:

  1. HTML
  2. CSS
  3. JAVASCRIPT

What is jQuery?

  • jQuery is a small and lightweight JavaScript library.
  • jQuery is cross-platform.
  • jQuery means “write less do more”.

The jQuery library contains the following features:

  • HTML/DOM manipulation
  • CSS manipulation
  • HTML event methods
  • Effects and animations
  • AJAX
  • Utilities

Why jQuery?

  • There are lots of other JavaScript libraries out there, but jQuery is probably the most popular, and also the most extendable.
  1. Some big companies are using jquery like –
  • Google
  • Microsoft
  • IBM
  • Netflix

Add Jquery Library in your webpage

   there is two type to add the library in your web page

  1. Download the jQuery library from jQuery.com
  2. Second Using  CDN like google.
Downloading Jquery:-
you can download the jquery in jquery.comThe jQuery library is a single JavaScript file, and you reference it with the HTML <script> tag (notice that the <script> tag should be inside the <head> section):         
Example –            <head>
  <script src=”jquery-3.5.1.min.js”></script>       
</head>
jQuery CDN– If you don’t want to download and host jQuery yourself, you can include it from a CDN (Content Delivery Network).Google CDN-
 <head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js>        </script>
 </head>


Jquery Syntax-

  • jQuery syntax is made by using HTML elements selector and perform some action on the elements are manipulation in Dot sign(.)..
  • Basic syntax is: $(selector).action()
  1. A $ sign to define/access jQuery
  2. A (selector) to “query (or find)” HTML elements.
  3. A jQuery action() to be performed on the element(s).

Example-

$(document).ready(function() {
    $(selector).action();
});
NEXT-JQuery Selector

Leave a Comment

Show Buttons
Hide Buttons