如何使用 jQuery 从文本超链接中删除下划线？

要使用 jQuery 删除文本超链接中的下划线，请使用 jQuery css() 属性。color text-decoration 属性值使用 none。

范例

可以尝试运行以下代码，了解如何从文本超链接中删除下划线

在线演示

<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>

更新日期：2019 年 12 月 11 日

624 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告