How to change the 'text-decoration' property with jQuery?

jQueryWeb DevelopmentFront End Technology

To change text decoration property with jQuery, use the jQuery css() property.

Example

You can try to run the following code to change text-decoration property from underline to overline:

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": "overline"});
        }
    });    
});
</script>
<style>
p {
   text-decoration: underline;
}
</style>
</head>
<body>
<p>Move the mouse pointer on the text to remove underline and add overline.</p>
</body>
</html>
raja
Published on 20-Dec-2017 10:23:06
Advertisements