本篇文章介绍了jquery禁用a标签的3种方式,有着一定的参考价值,现在将它分享给各位,希望对各位有帮助。
jquery怎么禁用a标签?
1、使用attr()方法删除a标签的链接,并重新设置click事件。
$("a").each(function () {
$(this).css("cursor", "default");
$(this).attr('href', '#'); //修改的 href属性值为 #
$(this).click(function (event) {
event.preventDefault(); // 阻止浏览器默认事件(页面跳转)
});
});
2、使用on给a标签重新添加事件,并取消浏览器默认行为。
$('a.tooltip').on('click', function(event) {
alert("抱歉,已停用!");
event.preventDefault();
});
3、使用removeAttr方法删除a标签的href属性和onclick属性。
$(function(){
$('.disableCss').removeAttr('href');//去掉a标签中的href属性
$('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
});
本文来自jQuery答疑栏目,欢迎学习!