zoukankan      html  css  js  c++  java
  • jQuery控制a标签不可点击 不跳转

    jquery禁用a标签方法1

    01
    02
    03
    04
    05
    06
    07
    08
    09
    10
    11
    12
    $(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

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

    jquery禁用a标签方法3

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

    jquery控制按钮的禁用与启用

    控制按钮为禁用:

    1
    2
    $('#button').attr('disabled',"true");添加disabled属性
    $('#button').removeAttr("disabled"); 移除disabled属性
  • 相关阅读:
    Jupyter Notebook的使用
    作业
    第七周:Python
    第六周:统计学
    JS 怎么刷新当前页面
    PHP中获取当前页面的完整URL
    点击删除按钮后 弹出确认对话框弹窗特效
    php 判断时间是否超过
    php 区分中文,英文,中英混合
    微信view类型的菜单获取openid范例
  • 原文地址:https://www.cnblogs.com/cina33blogs/p/6840917.html
Copyright © 2011-2022 走看看