1、在html页面head标签内引用jq本地文件,也可以使用jq官网的cdn:<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
2、在html页面中的body标签中,写一个id为aaa,单击事件为btnClick按钮:<button type="button" id="aaa" onclick="submit()">禁用前</button>
3、然后再写一个script标签,标签里面写js脚本:<script>酆璁冻嘌function submit(像粜杵泳) { $("#aaa").attr("disabled", "true");//禁用按钮 // $("#aaa").removeAttr("disabled");//启用按钮 }</script>
4、完整代码编写,新建一个记事本文件,然后在记事本中添加如下html代码:<!doctype html><html><head> <meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>jq禁用或启用按钮</title><script src="http://code.jquery.com/jquery-2.1.1.min.js"></script></head><body> <div> <button id="aaa" type="button" onclick="submit()">点我</button> </div> <script> function submit() { $("#aaa").attr("disabled", "true");//禁用按钮 // $("#aaa").removeAttr("disabled");//启用按钮 } </script></body></html>
5、保存后,将txt后缀改为html。双击运行,如下图所示: