在许多情况下,基于某些条件并在执行某些操作后,我们需要将HTML按钮或输入标记设置为禁用或将其从网页中删除。下面我们就来看一下使用jquery禁用按钮的方法。
下面我们通过一个实例来看一下使用jquery禁用HTML元素(div,button,anchor标签)的方法
示例:
HTML标记:添加按钮,div,一个标签
这里我们添加一个按钮标签,一个div标签和一个锚标签。 点击后,我们想让它不可点击(禁用)。
<div id="btnDiv">DIV CLICK</div> <input id="btnButton" type="button" value="Button Click me" /> <a href="/" id="btnAnchr">Anchor Tag Click me</a>
Jquery代码:禁用HTML元素(div,button,anchor标签)
$("#btnButton").on('click', function ()<a style="color:transparent">来源gao($daima.com搞@代@#码网</a> { // 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(); });
attr() 方法设置或返回被选元素的属性值。
根据该方法不同的参数,其工作方式也有所差异。
返回属性值:
返回被选元素的属性值。
语法:
$(selector).attr(attribute)
更多web开发知识,请查阅 搞代码网 !!
以上就是jquery怎么让按钮不可点击?的详细内容,更多请关注gaodaima搞代码网其它相关文章!