How to use attr() method in jQuery to get the value of an attribute?


The jQuery attr() method is used to get the value of an attribute, with the attribute, for example, href. Mention the attribute as the parameter of the attr() method.

You can try to run the following code to learn how to use the attr() method to get the value of an attribute:

Example

Live Demo

<html>
   <head>
      <title>Selector Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
             $("button").click(function(){
                 alert($("#tpoint").attr("href"));
             });
         });
      </script>
   </head>
   <body>
      <p><a href="https://www.tutorialspoint.com" id="tpoint"> Website tutorialspoint</a></p>
      <button>Show complete link</button>
   </body>
</html>

Updated on: 13-Feb-2020

297 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements