如何使用jQuery删除禁用链接的可点击行为

在这篇文章中，我们将看到如何使用jQuery删除一个禁用链接的可点击行为。为了移除可点击行为，我们将使用removeAttr()方法。removeAttr()方法是用来从选定的元素中删除一个或多个属性。

语法:

$(selector).removeAttr(attribute)

参数：该方法接受单一的参数属性，是强制性的。它被用来指定一个或多个要删除的属性。几个属性可以用空格操作符分开。

在这篇文章中，我们将使用removeAttr()方法移除href属性。

示例:

<!DOCTYpe html>
<html>
  
<head>
    <title>
        How to remove clickable behavior from
        a disabled link using jQuery?
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        (document).ready(function () {
            ("body").css("text-align", "center");
            ("h1").css("color", "green");
            ("a").css({
                fontSize: "34px",
                fontWeight: "bold",
                color: "green",
                textDecoration: "none"
            })
            ("a").each(function () {
                if ((this).hasClass("disabled")) {
                    $(this).removeAttr("href");
                }
            });
        });
    </script>
</head>
  
<body>
    <a href="https://www.geeksforgeeks.org/" 
        class="disabled">
        GeeksforGeeks
    </a>
  
    <h3>
        How to remove the clickable behavior from
        <br>a disabled link using jQuery?
    </h3>
</body>
  
</html>