甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：028-86922220
 
成都网站建设设计

将想法与焦点和您一起共享

jquery怎么实现不能点击元素

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

创新互联建站是一家集网站建设,隆安企业网站建设,隆安品牌网站建设,网站定制,隆安网站建设报价,网络营销,网络优化,隆安网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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怎么实现不能点击元素
URL网址：http://chengdu.cdxwcx.cn/article/gsohgp.html

其他资讯