jQuery获取元素ID方法

前端开发中常需获取被点击元素的ID值，下面介绍如何使用jQuery轻松实现这一功能。

1、 新建一个HTML页面，效果所示。

2、 在HTML页面中添加一个按钮，并为其设置唯一的ID属性。

3、 按钮代码如下：

4、 如图：

5、 需先引入 jQuery 最小化版本文件 jquery.min.js，再在页面中添加 script 标签，并将 type 属性设为 text/javascript。

6、 代码：

7、 如图：

8、 通过`$$(this).attr(id)`获取当前点击元素的ID值。

9、 代码：

10、 获取当前被点击元素的ID属性值。

11、 弹出提示框，显示当前点击元素的ID。

12、 })

13、 })

14、 如图：

15、 保存HTML文件后，用浏览器打开并点击按钮即可查看效果。

16、 如图：

17、 请将全部代码复制并保存为一个新的HTML文件，随后直接运行即可查看效果。需特别注意：示例中引用的jquery.min.js为本地文件，务必确认该JS文件路径与HTML文件中的引用路径一致，否则可能导致jQuery功能无法正常加载。

18、 全部代码

19、 使用jQuery获取元素ID的方法

20、 获取当前被点击元素的ID属性值。

21、 弹出提示框，显示当前点击元素的ID值。

22、 })

23、 })

24、 点击此按钮，即可获取当前元素的唯一标识ID。

25、 如图：