jquery 获取 tagName(JQuery如何得到tagName?)

在javascript中要取得tagName十分简单，但在jQuery中官方文档却没有记载，在一通百度和谷歌之后，尝试了不少所谓秘技，都不能正确得到，经过自己的验证，终于找到了方法，于是记录下来以备忘！

要得到tagName可以使用以下两种方法：

 

$('#id').get(0).tagName; 
$('#id')[0].tagName;

 

测试代码如下图：

我们发现jQuery获取不到 tagName

 

用上面的方法即可，如图 ：

 

最后附上代码

 

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>

<p id="myP">Click the button to display the tag name of this element.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>
<p id="demo1"></p>
<script>
function myFunction() {
    var x = document.getElementById("myP").tagName;
    var y = $("#myP")[0].tagName;
    // 或者  $("#myP").get(0).tagName; 
    document.getElementById("demo").innerHTML = x;
    document.getElementById("demo1").innerHTML = y;
}
</script>

</body>
</html>

 

posted @ 2015-05-08 15:26  178mz  阅读(2616)  评论(0)  编辑  收藏  举报