您不能禁用链接（以可移植的方式）。您可以使用其中一种技术（每一种都有自己的优点和缺点）。
CSS方式
当大多数浏览器都支持它时，这应该是正确的方式（但见后文）：
a.disabled {
pointer-events: none;
}
例如，Bootstrap 3.x 就是这样做的。目前（2016 年）只有 Chrome、FireFox 和 Opera（19+）支持它。 Internet Explorer 从版本 11 开始支持此功能，但 not for links 但是它可以在外部元素中使用，例如：
span.disable-links {
pointer-events: none;
}
与：
<span class="disable-links"><a href="#">...</a></span>
解决方法
我们可能需要为pointer-events: none 定义一个CSS 类，但是如果我们重用 disabled 属性而不是CSS 类会怎样？严格来说，disabled 不支持 <a>，但浏览器不会抱怨 unknown 属性。使用 disabled 属性 IE 将忽略 pointer-events 但它会尊重 IE 特定的 disabled 属性；其他符合 CSS 的浏览器将忽略 unknown disabled 属性并尊重 pointer-events。写比解释容易：
a[disabled] {
pointer-events: none;
}
IE 11 的另一个选项是将链接元素的display 设置为block 或inline-block：
<a style="pointer-events: none; display: inline-block;" href="#">...</a>
请注意，如果您需要支持 IE（并且您可以更改 HTML），这可能是一个可移植的解决方案，但是...
所有这一切请注意pointer-events 仅禁用...指针事件。 链接仍然可以通过键盘导航，那么您还需要应用此处描述的其他技术之一。
专注
结合上述 CSS 技术，您可以以非标准方式使用 tabindex 来防止元素被聚焦：
<a href="#" disabled tabindex="-1">...</a>
我从来没有检查过它与许多浏览器的兼容性，那么你可能想在使用它之前自己测试它。它具有无需 JavaScript 即可工作的优势。不幸的是（但很明显）tabindex 不能从 CSS 中更改。
拦截点击
对 JavaScript 函数使用 href，检查条件（或 disabled 属性本身），以防万一。
$("td > a").on("click", function(event){
if ($(this).is("[disabled]")) {
event.preventDefault();
}
});
要禁用链接，请执行以下操作：
$("td > a").attr("disabled", "disabled");
要重新启用它们：
$("td > a").removeAttr("disabled");
如果你想代替.is("[disabled]")，你可以使用.attr("disabled") != undefined（当属性未设置时，jQuery 1.6+ 将始终返回undefined）但is() 更清晰（感谢 Dave Stewart 的这个提示）。请注意这里我以非标准方式使用disabled 属性，如果你关心这个然后用类替换属性并将.is("[disabled]") 替换为.hasClass("disabled")（添加和删除addClass() 和@987654357 @)。
Zoltán Tamási noted in a comment “在某些情况下，点击事件已经绑定到一些“真实”功能（例如使用 knockoutjs）在这种情况下，事件处理程序排序可能会导致一些麻烦。因此我实现了禁用通过将返回 false 处理程序绑定到链接的 touchstart、mousedown 和 keydown 事件来链接。它有一些缺点（它会阻止在链接上开始触摸滚动）"但是处理键盘事件也有有利于防止键盘导航。
请注意，如果href 未被清除，用户可能会手动访问该页面。
清除链接
清除href 属性。使用此代码，您无需添加事件处理程序，而是更改链接本身。使用此代码禁用链接：
$("td > a").each(function() {
this.data("href", this.attr("href"))
.attr("href", "javascript:void(0)")
.attr("disabled", "disabled");
});
还有这个可以重新启用它们：
$("td > a").each(function() {
this.attr("href", this.data("href")).removeAttr("disabled");
});
我个人不太喜欢这种解决方案（如果您不必对禁用的链接做更多的事情），但它可能更兼容，因为跟踪链接的方式多种多样。
虚假点击处理程序
在return false 的位置添加/删除onclick 函数，链接将不会被跟踪。要禁用链接：
$("td > a").attr("disabled", "disabled").on("click", function() {
return false;
});
要重新启用它们：
$("td > a").removeAttr("disabled").off("click");
我认为没有理由更喜欢这个解决方案而不是第一个解决方案。
造型
样式设置更加简单，无论您使用何种解决方案来禁用链接，我们都添加了disabled 属性，以便您可以使用以下 CSS 规则：
a[disabled] {
color: gray;
}
如果您使用的是类而不是属性：
a.disabled {
color: gray;
}
如果您使用的是 UI 框架，您可能会发现 已禁用 链接的样式不正确。例如，Bootstrap 3.x 可以处理这种情况，并且按钮的样式正确，具有 disabled 属性和 .disabled 类。相反，如果您正在清除链接（或使用其他 JavaScript 技术之一），您还必须处理样式，因为没有 href 的 <a> 仍被绘制为启用。
可访问的富 Internet 应用程序 (ARIA)
不要忘记将属性aria-disabled="true" 与disabled 属性/类一起包含。