您的位置是:网站首页>Javascript编程Javascript编程

jquery怎么禁用a标签

少儿编程网2020-11-18 13:54:26Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介jquery禁用a标签的方法:可以通过去掉a标签中的href属性来实现,如【$('#button').attr('disabled',true);】。禁用a标签的方法如下:(学习视频分享:jquery视频教程)方法一:$(document).r

jquery禁用a标签的方法:可以通过去掉a标签中的href属性来实现,如【$('#button').attr('disabled',"true");】。fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

禁用a标签的方法如下:fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

(学习视频分享:jquery视频教程)fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

方法一:
fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

方法二:
fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

方法三:
fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

方法四:
fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

控制按钮为禁用:fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

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

相关推荐:js教程

以上就是jquery怎么禁用a标签的详细内容,更多请关注少儿编程网其它相关文章!fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台

来源:php中文网fDh少儿编程网-Scratch_Python_教程_免费儿童编程学习平台


相关文章:

支持一下 ( )

jquery怎么禁用a标签

      匿名评论
    • 评论
    人参与,条评论
    jquery怎么禁用a标签

微信公众号

免费视频教程

先知道