• 技术文章 >web前端 >js教程

    jquery怎么禁用a标签

    VV2020-11-18 11:43:41原创50

    jquery禁用a标签的方法:可以通过去掉a标签中的href属性来实现,如【$('#button').attr('disabled',"true");】。

    禁用a标签的方法如下:

    (学习视频分享:jquery视频教程

    方法一:

    $(document).ready(function () {
            $("a").each(function () {
                var textValue = $(this).html();
                if (textValue == "XX概况" || textValue == "服务导航") {
                    $(this).css("cursor", "default");
                    $(this).attr('href', '#');     //修改<a>的 href属性值为 #  这样状态栏不会显示链接地址 
                    $(this).click(function (event) {
                        event.preventDefault();   // 如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面
                    });
                }
            });
    });

    方法二:

    $('a.tooltip').live('click', function(event) {
       alert("抱歉,已停用!"); 
      event.preventDefault();  
    });

    方法三:

    $(function(){
    $('.disableCss').removeAttr('href');//去掉a标签中的href属性
    $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
    });

    方法四:

    控制按钮为禁用:

    $('#button').attr('disabled',"true");添加disabled属性
    $('#button').removeAttr("disabled"); 移除disabled属性

    相关推荐:js教程

    以上就是jquery怎么禁用a标签的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery a标签
    上一篇:jquery如何给p标签赋值 下一篇:jquery怎么判断dom节点是否存在
    第14期线上培训班

    相关文章推荐

    • css中如何禁用a标签按钮• php 正则如何替换a标签• 详细介绍meta标签• cdata标签如何使用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网