jquery 类选择器获取值

最新推荐文章于 2024-04-16 03:29:12 发布
最新推荐文章于 2024-04-16 03:29:12 发布
阅读量5.6k 收藏
点赞数 1
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33238935/article/details/78557542
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="EasyUI-1.5.1-InsdepTheme-1.0.3/jquery.min.js"></script>
    <script>
        $(function () {
            $(".test").click(function () {
                //获取属性id的值
                var val=$(this).attr("id");
                //获取文本值
                var text = $(this).text();
                alert(val);
            })

            $("#student").click(function () {
                var val=$(this).attr("name");
                alert(val);
            })
            $("input").click(function () {
                var val=$(this).val();
                alert(val)
            })
        })

    </script>
</head>
<body>
    <a id="user" class="test" href="#">User</a>
    <a id="admin" class="test" href="#">admin</a>
    <a id="student" name="Tom" href="#">Student</a>
    <input id="btn" type="button" name="ok" value="Hello" />
</body>
</html>










                

        

        

    




    

      

        

            

              
                
                  莫名其喵
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
分类解析jQuery选择器

				
			

			

				

					10-21
				

			

		

		

			
				
jQuery选择器是jQuery库的核心功能之一，用于高效地选取DOM元素。它们提供了强大的选择和筛选DOM元素的方法，使得JavaScript操作DOM变得更为简便。本篇文章将深入解析jQuery选择器的分类和使用，帮助读者理解和掌握...

			
		

	



                

              
                



	

		

			

				
					
jquery颜色选择器插件选取颜色值代码

				
			

			

				

					11-02
				

			

		

		

			
				
2. 创建颜色选择器：在HTML中，添加一个input元素，用于存储颜色值，然后使用jQuery选择该元素并应用颜色选择器插件。 ```html  ``` ```javascript $(document).ready(function() {  $('#colorPicker').colorPicker...

			
		

	



                


  
              

                


	

		

			

				
					
类选择器选择非唯一属性无法精确取值的问题

				
			

			

				

					weixin_33763244的博客
				

				

					06-09
					
					341
					
				

			

		

		

			
				
类选择器选择非唯一属性无法精确取值的问题
一、总结
一句话总结：因为做的操作并不是精确选取，因为执行了两次选择器，所以肯定不对啊。
 
 
二、类选择器选择非唯一属性无法精确取值的问题
1、截图

 
 
2、代码

 1 &lt;!DOCTYPE html&gt;
 2 &lt;html&gt;
 3 &lt;head&gt;
 4 &lt;meta charset...

			
		

	





	

		

			

				
					
JQuery中的类选择器

				
			

			

				

					LHJBK的博客
				

				

					05-29
					
					828
					
				

			

		

		

			
				
类选择器类选择器，顾名思义，通过class样式类名来获取节点使用方式为$( “.class” )类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的下面实现一个原生getElementsByClassName()函数的实现代码

			
		

	



		

			
		



	

		

			

				
					
【JQuery框架】五大选择器“全家桶”详解！，2024年最新学好前端开发

					
最新发布

				
			

			

				

					m0_60749700的博客
				

				

					04-16
					
					696
					
				

			

		

		

			
				
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。**在这里需要注意的是：**这两个选择器看上去似乎没有什么区别，但是我们在使用时就会发现其实是有区别的，**后代选择器会将元素A内部的所有B元素都选中，****而子选择器只会选中元素A的下一级元素中的B元素，范围是小于后代选择器的。// 选取有属性id的div元素，然后在结果中选取属性title值含有“es”的 div 元素背景色为红色"  id=“b7”

			
		

	





	

		

			

				
					
前端控件--jquery选择器及取值

				
			

			

				

					chdyiboke的博客
				

				

					01-06
					
					964
					
				

			

		

		

			
				
选择器



                        
                              支持版本
                              
                                    
                                          1.0
               

			
		

	





	

		

			

				
					
jQuery选择器之类选择器

				
			

			

				

					kkkkkk_ak的博客
				

				

					03-12
					
					300
					
				

			

		

		

			
				
jQuery选择器之类选择器类选择器，顾名思义，通过class样式类名来获取节点描述：$( ".class" )类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的右边实现一个原生getElementsByClassName...

			
		

	





	

		

			

				
					
jQuery选择器

				
			

			

				

					qq_41082689的博客
				

				

					04-18
					
					504
					
				

			

		

		

			
				
CSS选择器有ID选择器、类选择器还有标签选择器。jQuery选择器的作用是方便地获取某个HTML标签对应的 DOM元素。

1.群组选择器：多个选择符运用同一种样式，不同的选择符用逗号分隔，就形成了群组选择器。





2.后代选择器：如果一个标签里面嵌套了另外一个标签，那么里面的标签可以认 为是外面标签的后代，比如一个div里面有一个span标签，那么这个span 标签就是div的后代。





3.通配符选择器：会将页面中的所有元素都作为选择符， 也就是说，它对一切元素都有效果。




...

			
		

	





	

		

			

				
					
jquery中each方法示例和常用选择器

				
			

			

				

					10-25
				

			

		

		

			
				
### 常用jQuery选择器  jQuery提供了多种选择器，使得操作DOM变得简单高效。以下是一些常用的选择器：  1. **类选择器**：`$(".error")` 选择所有class为`error`的元素。 2. **ID选择器**：`$("#daLong")` 选择id为`...

			
		

	





	

		

			

				
					
常用jQuery选择器汇总

				
			

			

				

					12-08
				

			

		

		

			
				
jQuery选择器是JavaScript库jQuery的核心特性之一，极大地简化了DOM元素的选择和操作。在JavaScript中，获取元素通常依赖于`getElementsByTagName`、`getElementsByClassName`和`getElementById`这三个基本方法，而...

			
		

	





	

		

			

				
					
JQuery中$之选择器用法介绍

				
			

			

				

					12-11
				

			

		

		

			
				
本文将深入探讨$的选择器用法，帮助你更好地理解和应用这些功能。  1. **$**：在jQuery中，`$`是一个非常核心的...掌握这些jQuery选择器的用法，能让你在编写JavaScript代码时更加高效和灵活，更轻松地操控DOM元素。

			
		

	





	

		

			

				
					
JS获取选择器

				
			

			

				

					yangyi
				

				

					03-20
					
					2487
					
				

			

		

		

			
				
原生
原生JS选择器有getElementById、getElementsByName、getElementsByTagName和getElementsByClassName这四个,下面我就一个一个介绍这四个选择器的用法。
1.getElementById(通过ID获取元素)
用法:document.getElementById(“Id”);Id为要获取的元素的id属性值。
2.getElemen...

			
		

	





	

		

			

				
					
jQuery选择器（一）

				
			

			

				

					weixin_49756833的博客
				

				

					05-29
					
					127
					
				

			

		

		

			
				
jQuery选择器，顾名思义就是使用jQuery来获取/选择到某个内容，可以更好的帮助我们在写代码中更加得心应手。

这章我要讲的是ID选择器和类名选择器：

jQuery的ID选择器顾名思义就是通过ID来选择选择元素：



看这里有两个div，里面各有各的ID ，现在我就要通过ID选择器来选择到它们的标签，看图：



ID选择器：外面一个$符号，美元符号定义 jQuery，所以外面一定要放置一个$符号，里面就直接#加ID名称，代码如上，为了更加保险，我又在console.log控制器输出一下，看一下是

			
		

	





	

		

			

				
					
类选择器和遍历以及获取文本

				
			

			

				

					m0_59776219的博客
				

				

					08-21
					
					138
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="...

			
		

	





	

		

			

				
					
【jquery选择器详解】Jquery选择器及jquery获取对象属性和方法汇总（最全详解）

				
			

			

				

					赏樱看雪撸代码
				

				

					03-27
					
					1149
					
				

			

		

		

			
				
jquery选择器，jquery获取div元素，jquery操作div元素，jquery触发事件，jquery修改元素样式，jquery修改元素位置

			
		

	





	

		

			

				
					
jQuery选择器的获取

				
			

			

				

					m0_73656035的博客
				

				

					10-14
					
					363
					
				

			

		

		

			
				
jQuery选择器的获取

			
		

	





	

		

			

				
					
css的选择器：

				
			

			

				

					fyj19970523的博客
				

				

					03-16
					
					283
					
				

			

		

		

			
				
大家好，我是逆战班的，这段时间学习了css选择器，在此做一个总结：
一、	id选择器
1、	id选择器：快捷键创建：div#elem + tab键 -> 
2、  iD选择器的规范: 在一个页面中，ID是唯一值。( 身份证 )
3、  在css样式中的写法：#+类名+{}
二、	class的选择器
1、	class选择器是可以复用的。跟ID选择器有很大区别的，复用代码的能力非常强。（在网页中...

			
		

	





	

		

			

				
					
通过类选择器选择元素

				
			

			

				

					ayndizl84383的博客
				

				

					04-23
					
					290
					
				

			

		

		

			
				
js中可以通过getElementById和getElementsByTagName来获取html中的元素，但这远远不够，html中是有比较多的类元素，我们需要通过类来获取元素；
思路是先新建一个数组，然后通过getElementsByTagName获取与类名有相同标签名的所有标签，然后再比较哪些标签的类名是要目标类名，将它存到数组中，最后返回数组。

 1 function ge...

			
		

	





	

		

			

				
					
JQuery基本获取值的方式

				
			

			

				

					K10I
				

				

					08-19
					
					3383
					
				

			

		

		

			
				
JQuery基本获取值的方式

			
		

	





	

		

			

				
					
jquery得到select选择器的值

				
			

			

				

					06-10
				

			

		

		

			
				
可以使用 jQuery 的 `val()` 方法获取 `select` 元素的值，示例代码如下：

```javascript
// 获取 select 元素的值
var selectedValue = $('#selectId').val();
```

其中，`#selectId` 表示 `select` 元素的 ID。如果 `select` 元素没有设置 ID，则可以使用其他选择器，如类选择器、属性选择器等。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值