jQuery如何得到tagName?

最新推荐文章于 2019-09-17 18:59:02 发布
最新推荐文章于 2019-09-17 18:59:02 发布
阅读量68 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/405510
本文介绍在jQuery中获取元素tagName的两种有效方法。第一种是通过$('selector').get(0).tagName; 第二种则是使用$('selector')[0].tagName; 这两种方法均可帮助开发者轻松获取到所需的tagName。

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

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

第一种方法：



  1. $('seletor').get(0).tagName; 
其中seletor是选择器，这个地球人都知道，就不多解释了。


第二种方法：




  1. $('selector')[0].tagName; 
其中selector是选择器。








本文转自 firehare 51CTO博客，原文链接：http://blog.51cto.com/firehare/888712，如需转载请自行联系原作者


        
        
                
    

                

        




    

    
  



    



                



	

		

			

				
					
jQuery –如何获取标签名称

				
			

			

				

					一名可爱的技术搬运工
				

				

					05-23
					
					1893
					
				

			

		

		

			
				
要获取元素标签名称，可以使用tagName函数。 有两种使用方法： 
 1）.get（0）.tagName 
 选择一个类名称为“ classTag1”的元素，然后使用.get（0）.tagName函数显示其标签名称。 

$('.classTag1').get(0).tagName; 


 2）。[0] .tagName 
 2.选择一个类名称为“ classTag1”的元素，然后使用。[0...

			
		

	



                

            
              



	

		

			

				
					
jquery 获取标签名(tagName)示例代码

				
			

			

				

					12-10
				

			

		

		

			
				
如果是为了取到tagName后再进行判断，那直接用下面的代码会更方便：
$(element).is('input') 
如果是要取到标签用作到别的地方，可以使用一下代码： 

$(element)[0].tagName 
或：
$(element).get(0).tagName 

下面是补充：
jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作，而不是通过 jQuery 函数，尔后可以直接访问 DOM 元素的 tagName 属性。$(this).get(0) 与$(this)[0] 等价。
HTML 代码：

<div>Hello, world.<

			
		

	



              


  
              

                


	

		

			

				
					
jquery 获取标签名(tagName)

				
			

			

				

					weixin_39037804的博客
				

				

					09-17
					
					3008
					
				

			

		

		

			
				
如果是为了取到tagName后再进行判断，那直接用下面的代码会更方便： 
$(element).is('input') 如果是要取到标签用作到别的地方，可以使用一下代码： 
$(element)[...

			
		

	





	

		

			

				
					
JQuery - TagName

				
			

			

				

					weixin_34315485的博客
				

				

					01-20
					
					153
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	



		

			
		



	

		

			

				
					
jquery获取tagName再进行判断

				
			

			

				

					10-25
				

			

		

		

			
				
总结一下，`$(element).is()`方法是基于jQuery进行元素类型判断的有效工具，而`$(element)[0].tagName`或`$(element).get(0).tagName`则是获取元素`tagName`属性的途径。了解并熟练运用这些方法，对于在JavaScript和...

			
		

	





	

		

			

				
					
jquery tagname 取得方法

				
			

			

				

					12-02
				

			

		

		

			
				
如果你查找Jquery的API，会发现这个好象是Jquery的一个盲点，找来找去也没有明确说明用什么办法可以取到HTML标签的名字，如果直接用 $(“H1”).tagName 这样的方式也无法取到“H1”这样的值，好象只会得到...

			
		

	





	

		

			

				
					
jquery使用$(element).is()来判断获取的tagName

				
			

			

				

					10-25
				

			

		

		

			
				
其中，$(element)[0] 或 $(element).get(0) 表示获取由 jQuery 对象封装的 DOM 元素数组的第一个元素，即原生的 DOM 元素，然后我们可以访问它的 tagName 属性得到标签名。  这在我们需要对原生 DOM 元素进行操作时...

			
		

	





	

		

			

				
					
get(0).tagName获得作用标签示例代码

				
			

			

				

					09-04
				

			

		

		

			
				
在这个例子中，`get(0)` 是jQuery选择器的结果，而`.tagName` 是一个JavaScript原生属性，用于获取HTML元素的标签名。  首先，我们来详细解释一下这两个概念：  1. **`get(0)`**：在jQuery库中，`get()` 方法用于从...

			
		

	





	

		

			

				
					
Jquery和Js获得元素标签名称的方法总结

				
			

			

				

					10-21
				

			

		

		

			
				
 var tagName = element.tagName;  ```  2. 使用`querySelector`或`querySelectorAll`方法选择元素后，同样可以获取`tagName`：   ```javascript  var element = document.querySelector('#yourElementId');  var ...

			
		

	





	

		

			

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

				
			

			

				

					weixin_30700099的博客
				

				

					05-08
					
					360
					
				

			

		

		

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


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


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


测试代码如下...

			
		

	





	

		

			

				
					
jquery获取标签名称:jquery tagName prop()

				
			

			

				

					世范水晶
				

				

					07-09
					
					428
					
				

			

		

		

			
				

jquery tagName 用 prop() 方法比较好！
 
在一些情况下，我们需要在jquery中判断元素的标签名称，以此来确定是否要对该元素进行动作，这是我们会用到prop()。例如，我们判断&lt;img&gt;的父元素是否为&lt;a&gt;，以此来确定是否要为&lt;img&gt;增加链接地址。
通过网上很多资料，我大概总结了四种方法获取元素的名称：
1.get(0).ta...

			
		

	





	

		

			

				
					
Jquery中取标签的tagName属性方法

				
			

			

				

					lqc851011的专栏
				

				

					01-26
					
					4786
					
				

			

		

		

			
				
Jquery中取标签的tagName属性方法：如果你查找Jquery的API，会发现这个好象是Jquery的一个盲点，找来找去也没有明确说明用什么办法可以取到HTML标签的名字，如果直接用 $("H1").tagName 这样的方式也无法取到“H1”这样的值，好象只会得到“undifined”。 后来发现Jquery居然将tagName也视为属性之一了，有趣。 所以用 $("H1").attr

			
		

	





	

		

			

				
					
Jquery 中如何取得 tagName

				
			

			

				

					weixin_33682790的博客
				

				

					10-19
					
					132
					
				

			

		

		

			
				
如果你查找Jquery的API，会发现这个好象是Jquery的一个盲点，找来找去也没有明确说明用什么办法可以取到HTML标签的名字，如果直接用
$("H1").tagName
这样的方式也无法取到“H1”这样的值，好象只会得到“undifined”。
后来发现Jquery居然将tagName也视为属性之一了，有趣。所以用
$("H1").attr("tagName") 
就可以取得标签名...

			
		

	





	

		

			

				
					
从 jQuery 获取元素名（tagName）

					
热门推荐

				
			

			

				

					My Garage
				

				

					01-06
					
					1万+
					
				

			

		

		

			
				
jQuery 的 get(index) 方法允许选择一个实际的 DOM 元素并且对其直接操作，而不是通过 jQuery 函数，尔后可以直接访问
 DOM 元素的 tagName 属性。$(this).get(0) 与$(this)[0] 等价。
HTML 代码：
Hello, world.
jQuery 代码：
alert($("div")[0].tagName);
结果

			
		

	





	

		

			

				
					
Jquery获取元素标签名称

				
			

			

				

					qazwsx081的专栏
				

				

					03-08
					
					554
					
				

			

		

		

			
				
Jquery的获取元素标签名称的方法：
1、$( this ).get(0).tagName
2、$( this )[0].tagName
3、$( this ).prop("tagName")
4、$( this ).prop("nodeName")

			
		

	





	

		

			

				
					
jQuery学习的优秀起点——jquery-starterkit

				
			

			

				

					
				

			

		

		

			
				
$elements = $('tagname'); // 标签选择器 $elements = $('*'); // 所有元素选择器  // 层级选择器 $elements = $('#parent #child'); // 后代选择器 $elements = $('#parent > #child'); // 子选择器  // 过滤选择...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值