How to remove underline from text hyperlink using jQuery?

jQuery Web Development Front 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>

Amit D

Published on 20-Dec-2017 10:28:26

Previous Page Print Page