html锚链接设为无效,使用jQuery使HTML锚链接（HyperLink）不可点击或禁用

本文将介绍如何使用jQuery使HTML锚链接(HyperLink)不可点击或禁用。

使HTML锚链接(HyperLink)不可点击或禁用

HTML禁用(disabled)属性不适用于HTML锚链接(HyperLink)，它们仍然是可点击的。

使用jQuery使HTML锚链接(HyperLink)不可点击或禁用

以下HTML标记由三个HTML锚链接(HyperLink)和一个Button组成。单击Button时，将执行jQuery Click事件处理程序。

在此Click事件处理程序中，将检查单击的Button的值，如果Button的值为Disable，则禁用HTML Anchor Links(HyperLink)，即不可单击，如果Button的值为Enable，则为HTML Anchor Links( HyperLink)已启用，即可点击。

webkaka.com

$(function () {

$("#btnEnableDisable").click(function () {

if ($(this).val() == "Disable") { $(this).val("Enable");

$("a").each(function () {

$(this).attr("rel", $(this).attr("href"));

$(this).attr("href", "javascript:;");

});

} else {

$(this).val("Disable");

$("a").each(function () {

$(this).attr("href", $(this).attr("rel"));

$(this).removeAttr("rel");

});

} });

});

效果如图：

使HTML锚链接(HyperLink)不可点击或禁用

禁用HTML锚链接(HyperLink)

为了禁用HTML Anchor Link(HyperLink)，将其HREF属性的值复制到REL属性，并将HREF属性的值设置为空JavaScript函数。

$("a").each(function () {

$(this).attr("rel", $(this).attr("href"));

$(this).attr("href", "javascript:;");

});

这使得HTML锚链接(HyperLink)被禁用，即不可点击。

启用HTML锚链接(HyperLink)

为了启用HTML Anchor Link(HyperLink)，将其REL属性的值复制回HREF属性，并删除REL属性。

$("a").each(function () {

$(this).attr("href", $(this).attr("rel"));

$(this).removeAttr("rel");

});

这使得HTML锚链接(HyperLink)再次启用，即可点击。

html锚链接设为无效,使用jQuery使HTML锚链接（HyperLink）不可点击或禁用相关推荐

WordPress遇到qq邮箱不能注册，不能重置密码问题（您的密码重设链接无效，请在下方请求新链接。）
使用qq邮箱注册WordPress系统会接收到一封带超链接的邮件.我们使用qq作为用户名,如下所示: 用户名:qq 要设置您的密码,请访问以下地址: <http://localhost/wp/w ...
解题代码用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击验证码的制作...
解题代码用jquery控制一个按钮当一次点击完之后5 秒后才能继续点击复制验证码的制作转载于:https://www.cnblogs.com/yaomengli/p/6927630.html
使用HTML5画布和jQuery使小球颜色不断变化
现在要实现使用HTML5画布和jQuery实现小球颜色不断变化,依次为红色.绿色.蓝色,如下图以下是实现的代码 <!DOCTYPE html> <html> <head ...
如何判断html按钮是否点击,jquery/js如何判断按钮是否被点击？
jquery/js如何判断按钮是否被点击?下面本篇文章给大家介绍一下jq/js判断按钮是否被点击的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 方法1: document.o ...
JQuery选择器通过click事件获取当前点击对象的id,name,value属性
JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID
jQuery on()方法绑定动态元素的点击事件无效
之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态 ...
php如何设鼠标经过颜色,jQuery实现鼠标滑过Div层背景变颜色的方法
本文实例讲述了jQuery实现鼠标滑过Div层背景变颜色的方法.分享给大家供大家参考.具体实现方法如下: jQuery实现感应鼠标经过Div层变换图层背景颜色) .divbox{ height:300 ...
wordpress锚链接_如何“轻松”在WordPress中添加锚链接（逐步操作）
wordpress锚链接 We occasionally use anchor links in our longer WordPress posts to help users quickly ju ...
jquery实现后台系统左侧菜单的点击展开/收缩二级菜单效果
html: <div class="col-sm-3 col-md-2 sidebar"><div class="totalt">< ...

html锚链接设为无效,使用jQuery使HTML锚链接（HyperLink）不可点击或禁用

html锚链接设为无效,使用jQuery使HTML锚链接（HyperLink）不可点击或禁用相关推荐

最新文章

热门文章