How to remove underline with jQuery?



To remove underline from a text in jQuery, use the jQuery css() method. The css property text-decoration property is used with none value.

Example

You can try to run the following code to remove underline:

Live Demo

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){     $("p").on({         mouseenter: function(){         $(this).css({"text-decoration": "none"});         }     });     }); </script> <style> p {    text-decoration: underline; } </style> </head> <body> <p>Move the mouse pointer on the text to remove underline.</p> </body> </html>
Updated on: 2019-12-11T08:11:27+05:30

578 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements