How to remove underline from text hyperlink using jQuery?

jQueryWeb DevelopmentFront End Technology

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>
raja
Published on 20-Dec-2017 10:28:26
Advertisements