资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

jquery怎么实现不能点击元素-创新互联

小编给大家分享一下jquery怎么实现不能点击元素，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联建站主要从事成都网站制作、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务荥经,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

jquery实现不能点击元素的方法：首先添加一个按钮标签、一个div标签和一个锚标签；然后通过“$(this).attr("disabled", "disabled");”方法实现指定标签被禁用即可。

在许多情况下，基于某些条件并在执行某些操作后，我们需要将HTML按钮或输入标记设置为禁用或将其从网页中删除。 如果您正在寻找一种方法来使任何按钮不可点击，即使用jquery禁用按钮，那么您来对了地方。

例如，在按钮上单击调用jquery ajax函数直到其响应到来时，我们需要禁用该按钮（不可单击）。 将该按钮禁用以便用户不会一次又一次地按下该按钮是一种很好的做法。

在这篇文章中将解释如何禁用任何按钮，无论是Button标签，锚标签还是div，li元素。

HTML标记：添加按钮，div，一个标签

这里我们添加一个按钮标签，一个div标签和一个锚标签。 点击后，我们想让它不可点击（禁用）。

DIV CLICK
Anchor Tag Click me Jquery代码：禁用HTML元素（div,button,anchor标签） $("#btnButton").on('click', function () {   // JQUERY   $(this).attr("disabled", "disabled");   // JavaScript   document.getElementById("btnButton").setAttribute("disabled", "disabled");   console.log("btn clicked"); }); $("#btnDiv").on('click', function () {   $(this).off('click');   document.getElementById("btnDiv").setAttribute("disabled", "disabled");   console.log("Div clicked"); }); $("#btnAnchr").on('click', function (e) {   $(this).attr("disabled", "disabled");   e.preventDefault(); });

上述代码解释：当点击按钮或div后，该标签立即被禁用（不可点击）。

完整代码：








请用Chrome或Firefox浏览器访问该网页，按F12打开控制台(console)，
然后点击下面的div或按钮，看日志(log)变化。




DIV CLICK



Anchor Tag Click me

$("#btnButton").on('click', function () {   // JQUERY   $(this).attr("disabled", "disabled");   // JavaScript   document.getElementById("btnButton").setAttribute("disabled", "disabled");   console.log("btn clicked "); }); $("#btnDiv").on('click', function () {   $(this).off('click');   document.getElementById("btnDiv").setAttribute("disabled", "disabled");   console.log("Div clicked "); }); $("#btnAnchr").on('click', function (e) {   $(this).attr("disabled", "disabled");   e.preventDefault(); });

看完了这篇文章，相信你对“jquery怎么实现不能点击元素”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！


名称栏目：jquery怎么实现不能点击元素-创新互联
本文来源：http://cdkjz.cn/article/jhpce.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
云服务器成都网站制作网络推广外包瑞杰管理成都网站建设软文发布平台邛崃做网站宣威网站建设四川黔盛装饰香港机房服务器托管

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图