如何使用jQuery在Hover上加下划线？

要在使用jQuery的鼠标悬停时给超链接加下划线，请使用jQuerycss()属性。使用彩色文本装饰属性。

示例

您可以尝试运行以下代码，以了解如何在悬停时给超链接加下划线：

<html>

   <head>
      <title>jQuery Hyperlink Decoration</title>
      <script src = "https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
       
      <script>
         $(document).ready(function() {

            $('a').hover(
               
               function () {
                  $(this).css({"text-decoration":"underline"});
               });
               
         });
      </script>
      <style>
      a {
           text-decoration: none;
         }
     </style>
   </head>
   
   <body>
      <a href="#">Demo text</a>
       
   </body>
   
</html>

基础教程