如何使用 jQuery 从禁用的链接中删除可点击行为
答案：使用jQuery removeAttr()方法
通过使用 jQuery removeAttr() 方法从锚元素 (<a>) 中删除 href 属性，您可以轻松地从 link 中删除可点击行为。
以下示例演示如何使用 jQuery 从具有类 .disabled 的超链接中删除可点击行为。 让我们尝试一下，看看它是如何工作的：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Removing Clickable Behavior</title>
<style>
.menu a{
margin-left: 20px;
}
.menu a.disabled{
color: #666;
text-decoration: none;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$(".menu a").each(function(){
if($(this).hasClass("disabled")){
$(this).removeAttr("href");
}
});
});
</script>
</head>
<body>
<div class="menu">
<a href="http://www.qyoo.cn/html-tutorial/">HTML</a>
<a href="http://www.qyoo.cn/css-tutorial/">CSS</a>
<a href="http://www.qyoo.cn/twitter-bootstrap-tutorial/">Bootstrap</a>
<a href="http://www.qyoo.cn/codelab.asp" class="disabled">CodeLab</a>
</div>
<p><strong>Note:</strong> In this example any link inside the "menu" element with the class "disabled" will not be clickable.<p>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements