菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
20
0

jquery怎么禁用a标签?

原创
05/13 14:22
阅读数 1201

jquery怎么禁用a标签?

1、使用attr()方法删除a标签的链接,并重新设置click事件。

$("a").each(function () {
    $(this).css("cursor", "default");
    $(this).attr('href', '#');     //修改<a>的 href属性值为 #    
    $(this).click(function (event) {
        event.preventDefault();   // 阻止浏览器默认事件(页面跳转)
    });
});

(相关课程推荐:jQuery教程

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事件
});

发表评论

0/200
20 点赞
0 评论
收藏
为你推荐 换一批