jquery获取标签的三种方法

在jQuery中，获取标签名的方法非常简单，我们可以通过几种不同的方式实现这一目标，以下是一些常用的方法：

1、使用.prop()方法

.prop()方法用于获取或设置DOM元素的属性值，要获取元素的标签名，我们可以使用nodeName属性，要获取一个元素的标签名，可以这样做：

var tagName = $("selector").prop("nodeName");

selector是你要获取标签名的元素的选择器，如果你想要获取ID为myElement的元素的标签名，可以这样做：

var tagName = $("#myElement").prop("nodeName");

2、使用.attr()方法

.attr()方法用于获取或设置DOM元素的属性值，要获取元素的标签名，我们可以使用name属性，要获取一个元素的标签名，可以这样做：

var tagName = $("selector").attr("name");

selector是你要获取标签名的元素的选择器，如果你想要获取ID为myElement的元素的标签名，可以这样做：

var tagName = $("#myElement").attr("name");

需要注意的是，.attr()方法返回的是元素的属性值，而不是属性名称，这种方法并不常用，在某些情况下，你可能需要使用这种方法来获取元素的标签名。

3、使用.get(0).tagName方法

另一种获取元素标签名的方法是使用.get(0).tagName，我们需要使用.get(0)方法将jQuery对象转换为DOM对象，我们可以使用.tagName属性获取元素的标签名。

var tagName = $("selector").get(0).tagName;

selector是你要获取标签名的元素的选择器，如果你想要获取ID为myElement的元素的标签名，可以这样做：

var tagName = $("#myElement").get(0).tagName;

4、使用JavaScript原生方法.tagName

除了使用jQuery方法外，我们还可以使用JavaScript原生方法.tagName来获取元素的标签名。

var tagName = document.querySelector("selector").tagName;

selector是你要获取标签名的元素的选择器，如果你想要获取ID为myElement的元素的标签名，可以这样做：

var tagName = document.querySelector("#myElement").tagName;

在jQuery中，有多种方法可以获取元素的标签名，最常用的方法是使用.prop()和.get(0).tagName方法，这些方法简单易用，且兼容性较好，在某些情况下，你可能需要使用其他方法来获取元素的标签名，在选择方法时，请根据你的需求和项目的实际情况来决定。