juqery获取点击id;jq获取点击id

 时间:2024-10-13 12:27:51

1、新建一个html文件。如图:

juqery获取点击id;jq获取点击id

2、为了更好区分,会创建两个按钮标签,然后给这两个按钮标签添加不同的id。如图:代码:<input type="button" value="点击获取id1" id="getId1" /> <input type="button" value="点击获取id2" id="getId2" />

juqery获取点击id;jq获取点击id

3、引入jquery文件(注:jquery的引入路径一定要正确)。如图:

juqery获取点击id;jq获取点击id

4、创建加载完成函数,然后创建一个点击按钮获取当前id的函数。如图:代码:<script > $(function(){ $("input").click(function(){ //获取点击id var id = $(this).attr("id"); alert("当前点击id:"+id); }) }) </script>

juqery获取点击id;jq获取点击idjuqery获取点击id;jq获取点击id

5、保存好html文件后使用浏览器打开,然后点击按钮即可看到点击的id。如图:

juqery获取点击id;jq获取点击id

6、页面所有代码,如有不懂可把所有代码复制到新建的html文件上,然后修改引入的jquery文件即可。如图:所有代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jq获取点击的id</title> <script src="js/jquery.min.js" ></script> <script > $(function(){ $("input").click(function(){ //获取点击id var id = $(this).attr("id"); alert("当前点击id:"+id); }) }) </script> </head> <body> <input type="button" value="点击获取id1" id="getId1" /> <input type="button" value="点击获取id2" id="getId2" /> </body></html>

juqery获取点击id;jq获取点击id
  • IntelliJ IDEA如何添加异常断点
  • js如何设置下拉框只读并且值可以传递
  • JAVA_HOME 为何要设置为JDK 安装目录而不是JRE
  • idea如何添加自定义错误提示的颜色
  • 怎么将表单中的数据使用ajax传给后台
  • 热门搜索
    睡眠不好如何调理 xo型腿怎么矫正图解 赞丽生活 生活与健康 计步器怎么用 密保忘了怎么办 低密度脂蛋白偏高是什么意思 beyond是什么意思 心率过快的原因是什么 如何看电脑内存