jQuery Introduction

jQuery is a fast, and lightweight JavaScript Library.
It simplifies HTML document traversal and manipulation, event handling, animation, and Ajax interactions.
Finally It minimizes the JavaScript code when we use jQuery.


Created by John Resig and released in 2006.
The primary goal of jQuery was to simplify client-side scripting and make it easier to handle HTML documents, interact with the DOM, and perform asynchronous operations.

Syntax of jQuery

For any jquery code to access a element or modify we use $() or jquery() function. Syntax $("h1").text("Modifed Text");


<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>jQuery Introduction</title>
  <!-- Include jQuery from a CDN -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <h1>Hello, jQuery!</h1>

    // Your jQuery code goes here
      // jQuery code will run after the DOM is ready
      $("h1").css("color", "blue");

The jQuery Code is always placed inside the script tag in a html document like JavaScript. You should have basic Knowledge about html, css and JavaScript

Environmental Setup

Text editors: Text editors are basic programs that allow you to edit and save jQuery code using plain text. Some popular text editors for JS include Notepad (Windows), TextEdit (Mac).

IDEs: Integrated Development Environments (IDEs) are comprehensive software applications that provide advanced editing and debugging tools for web development. These programs often include code editors, project management tools, and debugging and testing features. Popular HTML IDEs include Visual Studio Code, NetBeans, and Eclipse.

Online editors: Online JS editors allow you to create and edit HTML and JS documents directly in your web browser, without having to install any software on your computer. Try out your HTML code here with our online compiler.

Quick Recap - Topics Covered

Introduction and history of jQuery
Introduction and history of jQuery

Practice With Examples in Compilers

The Concepts and codes you leart practice in Compilers till you are confident of doing on your own. A Various methods of examples, concepts, codes availble in our websites. Don't know where to start Down some code examples are given for this page topic use the code and compiler.

Example js

Example 1 Example 2 Example 3 Example 4 Example 5