基于jQuery的获取标签名的代码

获取标签名是jQuery最常用的操作之一，可以在前端实现很多实用的功能。下面是基于jQuery的获取标签名的完整攻略：

1.基础语法

通过 $() 函数选中元素，再调用 tagName 属性获取标签名：

$(selector).prop("tagName")

2.示例说明

2.1 示例1

HTML代码：

<div class="wrapper">
  <h1>这是一个标题</h1>
  <p>这是一个段落</p>
</div>

jQuery代码：

// 选中 h1 元素，并输出其标签名
var tagName = $("h1").prop("tagName");
console.log(tagName);

输出结果：

H1

2.2 示例2

HTML代码：

<ul class="nav">
  <li><a href="#">首页</a></li>
  <li><a href="#">新闻</a></li>
  <li><a href="#">关于我们</a></li>
</ul>

jQuery代码：

// 选中第一个 li 元素，并输出其包含的 a 元素的标签名
var tagName = $("li:first-child a").prop("tagName");
console.log(tagName);

输出结果：

A

3. 总结

基于jQuery的获取标签名的代码非常简单，只需要通过 $() 函数选中元素，再调用 tagName 属性即可。本文通过两个示例说明了基本用法，希望对广大前端开发者有所帮助。