31 March, 2022

jQuery Tutorial

                No comments   

 


jQuery tutorial

jQuery tutorial for beginners and professionals provides deep knowledge of jQuery technology. Our jQuery tutorial will help you to learn jQuery fundamentals, example, selectors, events, effects, traversing, CSS and attributes.

What is jQuery

  • jQuery is a small and lightweight JavaScript library.
  • jQuery is cross-platform.
  • jQuery means "write less do more".
  • jQuery simplifies AJAX call and DOM manipulation.

jQuery Example

In this tutorial, you will get a lot of jQuery examples to understand the topic well. Let's see a simple jQuery example.

File: firstjquery.html
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.  <title>First jQuery Example</title>  
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">  
  6.  </script>  
  7.  <script type="text/javascript" language="javascript">  
  8.  $(document).ready(function() {  
  9.  $("p").css("background-color", "pink");  
  10.  });  
  11.  </script>  
  12.  </head>  
  13. <body>  
  14. <p>This is first paragraph.</p>  
  15. <p>This is second paragraph.</p>  
  16. <p>This is third paragraph.</p>  
  17. </body>  
  18. </html>  

Prerequisite

Before learning jQuery, you must have the basic knowledge of JavaScript.

Audience

Our jQuery tutorial is designed to help beginners and professionals.

Problem

We assure that you will not find any problem in this jQuery tutorial. But if there is any mistake, please post the problem in contact form.

Related Posts:

  • JqueryUI - Autocomplete JqueryUI - Autocomplete Auto completion is a mechanism frequently used in modern websites to provide the user with a list of suggestions for the be… Read More
  • JqueryUI - Sortable, Jquery JqueryUI - Sortable, Jquery jQueryUI provides sortable() method to reorder elements in list or grid using the mouse. This method performs sortabi… Read More
  • JqueryUI - Selectable JqueryUI - Selectable jQueryUI provides selectable() method to select DOM element individually or in a group. With this method elements can be sel… Read More
  • JqueryUI - Accordion JqueryUI - Accordion Accordion Widget in jQueryUI is a jQuery based expandable and collapsible content holder that is broken into sections and prob… Read More
  • JqueryUI - Resizable JqueryUI - Resizable jQueryUI provides resizable() method to resize any DOM element. This method simplifies the resizing of element which otherwis… Read More

0 comments:

Post a Comment

Thanks

Meta

Popular Posts

  • Vue3 :style backgroundImage not working with require
    I'm trying to migrate a Vue 2 project to Vue 3. In Vue 2 I used v-bind style as follow: In Vue 3 this doesn't work... I tried a...
  • SQL ORDER BY Keyword
      The SQL ORDER BY Keyword The ORDER BY keyword is used to sort the result-set in ascending or descending order. The ORDER BY keyword sorts ...
  • Enabling authentication in swagger
    I created a asp.net core empty project running on .net6. I am coming across an issue when I am trying to enable authentication in swagger. S...
  • failed to load storage framework cache laravel excel
       User the export file and controller function  ..         libxml_use_internal_errors ( true ); ..Good To Go   public function view () : ...
  • Features CodeIgniter
    Features CodeIgniter There is a great demand for the CodeIgniter framework in PHP developers because of its features and multiple advan...

Categories

Social Media Links

Blog Archive

Laravel News