Syntax error How to remove underline from text hyperlink using jQuery?

How to remove underline from text hyperlink using jQuery?

To remove underline from text hyperlink on hover using jQuery, use the jQuery css() property. The color text-decoration property is used with value none.

Example

You can try to run the following code to learn how to remove underline from text hyperlink:

Live Demo

<html>

   <head>
      <title>jQuery Text Decoration</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {
            $('a').hover(
               
               function () {
                  $(this).css({"text-decoration":"none"});
               });
               
         });
      </script>
      <style>
       a {
           text-decoration: underline;
         }
      </style>
   </head>
   
   <body>
      <a href="#">Demo text</a>        
   </body>    
</html>
Updated on: 2019-12-11T08:05:30+05:30

753 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements