养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery获取id

时间:2024-10-29 07:29:19

写前端常常需要获取到点击id的值,让我们一起来看看jquery如何获取点击的id值吧。

jquery获取id

方法/步骤

1、新建一个html页面。如图:

jquery获取id

2、在html页面上创建一个点击按钮,然后给这个按钮添加一个id。按钮代码:<inputtype="button"id="test"value="点击获取id">如图:

jquery获取id

3、引入jque筠续师诈ry.min.js文件,然后写<scripttype="text/javascript">稆糨孝汶;</script>。代码:<scripttype="text/javascript"src="jquery-1.9.1.min.js"></script> <scripttype="text/javascript"></script>如图:

jquery获取id

4、使用$(this).attr("id")获取点击的id值。代码: $(function(){ $("input").click(function(){ varid=$(this).attr("id");//获取点击的id alert("点击的id是:"+id); }) })如图:

jquery获取id

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

jquery获取id

6、所嘀芟苒疾有代码。把所有代码复制到新建的html保存后运行即可看到效果(注意:演示用的jquery.min.js是本地的文件,所以运行时需要注意检查jque鸡堕樱陨ry.min.js文件路径是否正确)所有代码:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>jq获取id</title><scripttype="text/javascript"src="jquery-1.9.1.min.js"></script><scripttype="text/javascript">$(function(){$("input").click(function(){varid=$(this).attr("id");//获取点击的idalert("点击的id是:"+id);})})</script></head><body><inputtype="button"id="test"value="点击获取id"></body></html>如图:

jquery获取id

© 一点知识