Teach with us

How to set new value for an attribute using jQuery?

The jQuery attr() method is used to get the value of an attribute. It can also be used to set new value. We will set new value of attribute href to tutorialspoint.com/html5 from tutorialspoint.com/css.

You can try to run the following code to learn how to set new value for an attribute in jQuery −

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(){
               $("#tpoint").attr("href", "https://www.tutorialspoint.com/html5");
            });
         });
      </script>
   </head>
   <body>
      <p><a href="https://www.tutorialspoint.com/css" id="tpoint">Tutorialspoint</a></p>
      <button>Set new value</button>
      <p>The value of above link will change on clicking the above button. This will set a new value for the attribute. Check before and after button click.</p>
   </body>
</html>
Updated on 13-Feb-2020 09:47:58

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements