jquery
  1. jquery-syntax
PreviousNext

JQuery Syntax

jQuery is a popular JavaScript library that allows you to easily manipulate HTML elements and create interactive web pages and applications. Here is an overview of the syntax used in jQuery:

Syntax

The basic syntax for jQuery involves selecting HTML elements and performing actions on them. Here is an example of selecting all the <p> elements on a page and changing their background color to red:

$("p").css("background-color", "red");

In this example, $("p") selects all the <p> elements on the page, and .css("background-color", "red") changes their background color to red.

Use

jQuery is commonly used for a variety of tasks, including:

  • Manipulating HTML elements and page content
  • Handling events, such as clicks and animations
  • Making asynchronous requests to servers and APIs
  • Creating dynamic user interfaces

jQuery is also useful for simplifying common JavaScript tasks, such as selecting and manipulating DOM elements.

Example

Here is an example of using jQuery to add a click event to a button and show a message when it is clicked:

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <button id="myButton">Click Me!</button>

    <script>
        $("#myButton").click(function() {
            alert("Hello, World!");
        });
    </script>
</body>
</html>
Try Playground

In this example, we use the $ function to select the button with an id of myButton. We then use the click function to add a click event to the button, and the alert function to show a message when it is clicked.

Summary

jQuery is a powerful and versatile library that simplifies common JavaScript tasks and makes it easy to create dynamic and interactive web pages and applications. With its intuitive syntax, you can quickly select HTML elements and perform actions on them, making it a popular choice for front-end web development.

IntroductionSelectors
Published on: