在网页设计和开发的世界里，jQuery 是一个非常受欢迎的JavaScript库，它使得HTML文档遍历和操作、事件处理、动画和Ajax等操作变得简单而直观，我们就来聊聊如何使用jQuery来实现点击一个元素时获取其标签名的功能。

想象一下，你正在浏览一个网页，页面上有很多不同的元素，比如按钮、图片、链接等，你可能会好奇，当点击这些元素时，如何快速知道它们是用什么HTML标签构建的，这在调试网页或者学习网页设计时非常有用，不用担心，使用jQuery，这个任务可以轻松完成。

你需要在你的HTML页面中引入jQuery库，如果你还没有引入，可以通过以下方式添加：

```html

```

我们将创建一个简单的HTML结构，并使用jQuery来监听点击事件，然后获取并显示被点击元素的标签名。

```html

点击元素查看标签名

按钮链接

段落

```