这篇文章给大家分享的是有关jquery如何才可以让a标签不跳转的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
jquery让a不跳转的实现方法:1、通过“event.preventDefault);”语句阻止打开新页面;2、通过live方法禁用a标签;3、去掉a标签中的href属性以及onclick事件。
jQuery控制a标签不可点击 不跳转
jquery禁用a标签方法1
$document).readyfunction ) { $"a").eachfunction ) { var textValue = $this).html); if textValue == "XX概况" || textValue == "服务导航") { $this).css"cursor", "default"); $this).attr'href', '#'); //修改<a>的 href属性值为 # 这样状态栏不会显示链接地址 $this).clickfunction event) { event.preventDefault); // 如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面 }); } }); });
jquery禁用a标签方法2
$'a.tooltip').live'click', functionevent) { alert"抱歉,已停用!"); event.preventDefault); });
jquery禁用a标签方法3
$function){ $'.disableCss').removeAttr'href');//去掉a标签中的href属性 $'.disableCss').removeAttr'onclick');//去掉a标签中的onclick事件 });
jquery控制按钮的禁用与启用
控制按钮为禁用:
$'#button').attr'disabled',"true");添加disabled属性 $'#button').removeAttr"disabled"); 移除disabled属性