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

    jquery如何控制a标签不可点击

    coldplay.xixicoldplay.xixi2020-11-19 16:44:40原创222

    jquery控制a标签不可点击的方法:1、去掉a标签中的href属性,代码为【$('.disableCss').removeAttr('href')】;2、添加disabled属性,代码为【attr('disabled',"true")】。

    jquery控制a标签不可点击的方法:

    jquery禁用a标签方法1

    $(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“ 需要这句来阻止打开新页面
                    });
                }
            });
    });

    jquery禁用a标签方法2

    $('a.tooltip').live('click', function(event) {
       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属性

    相关免费学习推荐:JavaScript(视频)

    以上就是jquery如何控制a标签不可点击的详细内容,更多请关注php中文网其它相关文章!

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

    相关文章推荐

    • php页面用a标签传值的方法• php如何替换a标签• php正则如何替换a标签• jquery怎么禁用a标签

    全部评论我要评论

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

    PHP中文网