Monday, October 5, 2020

Jquery Tutorial For Beginners

 

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.com
  • The 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

No comments:

Post a Comment

Jquery Hide,Show,Toggel Effects

  jQuery hide() Method   The jQuery  if you want to hide the any content or any think then use method   Syntax :           $(selector).hide(...