类别:前端知识

日期:2022-02-05 浏览:2067 评论:0

jQuery是一个轻量级的JavaScript库;jQuery 是一个 JavaScript 库;jQuery 极大地简化了 JavaScript 编程;jQuery 很容易学习。

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标签方法2

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

jquery控制按钮的禁用与启用

控制按钮为禁用:

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

1. 简单设置a标签的disabled属性就可以阻止事件(onclick)还有href吗?

锚标签本身不支持disabled,所以简单设置了disabled属性是没有任何效果的

2. 如何阻止href?

首先看一下 关于a标签的onclick与href的执行顺序


1). onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript)

2). 同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false;

3). 在href中定义的函数如果有返回值的话,当前页面的内容将被返回值代替。



本文标题:Jquery禁用a标签方法
本文链接:https://vtzw.com/post/881.html
作者授权:除特别说明外,本文由 零一 原创编译并授权 零一的世界 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
 您阅读本篇文章共花了: 

 可能感兴趣的文章

评论区

发表评论 / 取消回复

必填

选填

选填

◎欢迎讨论,请在这里发表您的看法及观点。