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编辑  收藏  举报