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传给后台
  • 热门搜索
    狼吞虎咽的意思 无坚不摧的意思 怠慢的意思 泡酒用什么酒 未来可期的意思 空调显示e6是什么意思 债权人是什么意思 eq是什么意思 置之不理的意思 忠诚的意思