Skip to content
Related Articles

Related Articles

jQuery | #id Selector
  • Last Updated : 27 Feb, 2019
GeeksforGeeks - Summer Carnival Banner

The #id selector specifies an id for an element to be selected. It should not begin with a number and the id attribute must be unique within a document which means it can be used only one time.

Syntax:

$("#id")

Parameter:

  • id: An element’s specific id.

Example-1:




<!DOCTYPE html>
<html>
  
<head>
    <script src=
  </script>
     
  <script>
    $(document).ready(function() {
    $("#Geeks").css("background-color","red");
      });
  </script>
</head>
  
<body>
  
    <h1>GEEKS FOR GEEKS</h1>
  
    <p id="Geeks">jQuery|#id selector
  </p>
  
</body>
  
</html>

Output:



Example-2:




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="utf-8">
    <title>ID</title>
    <style>
        div {
            width: 100px;
            height: 100px;
            float: left;
            padding: 10px;
            margin: 10px;
            background-color: pink;
        }
    </style>
    <script src=
  </script>
</head>
  
<body>
  
    <div id="DIV1">
        <p>id="DIV1"</p>
    </div>
    <div id="DIV2">id="DIV2"</div>
  
    <script>
        $("#DIV2").css("border",
                       "2px solid yellow");
    </script>
  
</body>
  
</html>

Output:

Supported Browsers:

  • Google Chrome
  • Mozilla Firefox
  • Edge
  • Safari
  • Opera

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :