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

2025-04-30 12:31: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获取点击id
juqery获取点击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
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢