# jQuery三大选择器
## 简介
在使用 jQuery 进行开发时,选择器是一个非常重要的概念。它允许我们根据某些规则从 HTML 文档中选取元素,并对这些元素进行操作。jQuery 提供了三大选择器,它们分别是:基本选择器、层级选择器和过滤选择器。本文将详细介绍这三种选择器的用法,并通过代码示例进行讲解。
## 基本选择器
基本选择器是最常用的选择器之一,它通过元素的标签名、类名、            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-30 07:49:53
                            
                                41阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             九大选择器都是用来查找元素节点的。JQuery给我提供了九中类型的选择器。1. 基"#...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-03-01 09:38:36
                            
                                134阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery 选择器大体上可分为:基本选择器、层次选择器、过滤选择器、表单选择器。 其中过滤选择器可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。选择器是jQuery最基础的东西,下面向大家介绍jquery+%D1%A1%D4%F1%C6%F7/" rel="nofollow" target="_blank">jquery            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-11 14:43:35
                            
                                129阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jquery的九大选择器 基本选择器:  基本选择器是常见的选择器,也是最简单的选择器,通过对于类,id,标签来查找。$("#id") //选取id,单个元素 
 
$(".class") 
 
$("p") 
 
$("*") 
 
$("div,p,p.myclass") //多个元素 层次选择器:jquery层次选择器是通过html元素之间的层次关系来获取特定的            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-15 19:45:36
                            
                                57阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            今天来和大家分享一下JQuery的五种选择器的详细使用方法。 本文分享自华为云社区《【JQuery框架】五大选择器“全家桶”详解!!!》,原文作者:灰小猿 。 今天来和大家分享一下JQuery的五种选择器的详细使用方法,那么何为选择器?从功能上来讲,它能够筛选具有相似特征的元素标签,在我们想要            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-19 11:34:00
                            
                                73阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            摘要:今天来和大家分享一下JQuery的五种选择器的详细使用方法。本文分享自华为云社区《【JQuery框架】五大选择器“全家桶”详解!!!》,原文作者:灰小猿 。今天来和大家分享一下JQuery的五种选择器的详细使用方法,那么何为选择器?从功能上来讲,它能够筛选具有相似特征的元素标签,在我们想要对具有相似特征的元素进行集中或统一操作时是十分有用的,选择器基本操作首先我们需要了解选择器使用的基本操作            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-24 20:14:36
                            
                                262阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            node2:/django/mysite/news/templates#cat displaytestxhr.html Listing 10.3 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-02-19 10:30:00
                            
                                1343阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.Jquery选择器简介  (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为,而无需担心浏览器是否支持这一选择器,学会使用选择器是学习Jqeury的基础,Jquery的行为规则都必须在获取到元素后才能生效。2.jquery选择器的优势  (1) 简洁的写法,$()函数  (2)支持CSS1到CSS3选            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-12 14:18:36
                            
                                242阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JQuery的选择器总结   选择器是获取元素并进行操作的一种方式,在使用CSS选择器时,开发人员有时候需要考虑浏览器是否支持某些选择器。而在JQuery中,使用选择器则不需要考虑这些问题,与传统的JS获取元素的方式相比,JQuery有着更加完善的机制,即使文档中没有所获取的元素,也不会像JS中的那样报错。    JQuery的选择器主要分为4种,分别是基本选择            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-07 18:12:02
                            
                                84阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                  JQuery层级选择器1   全选择器          $("*")   又名*选择器,在JQuery中选择文档页面中的元素,通配符*给所有元素设置默认边距2   在.getElementsByTagName()传递*可以获取所有元素3   g            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-11-09 22:24:28
                            
                                3422阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                  jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器。下边就来分别总结一下。   
      
     1, 基本选择器?     &nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-31 19:53:11
                            
                                99阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装。它能做的JavaScript也都能做,但使用jQuery能大幅提高开发效率。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-26 23:34:30
                            
                                290阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery选择器jQuery的选择器基本选择器层次选择器过滤选择器基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选择器表单选择器子元素选择器表单对象属性过滤选择器 jQuery的选择器选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery 选择器的优点: 简洁的写法完善的事件处理机制基本选择器基本选择器是 jQ            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-04 20:22:44
                            
                                104阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            层级选择器是jQuery根据DOM元素之间的层级关系获取元素的选择器 $("parent>child")获取元素内的子元素(所有子类元素) 格式 $("parent>child")<script type="text/javascript">
   //文档就绪函数
   $(function(){
      var data=$("#test>input");            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-25 20:02:06
                            
                                193阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            为什么要用jQuery?写起来简单,省事,开发效率高,兼容性好(write less,do more).什么事jQuery?jQuery是一个兼容多浏览器的JavaScript库(类似python里面的模块),如何使用jQuery?导入:  <script  src="jquery-3.2.1.js"></script>    <script&nb            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-18 07:11:31
                            
                                71阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            4大类:基本选择器、层次选择器、过滤选择器、表单选择器目录1、jquery基本选择器2、jquery层次选择器3、jquery过滤选择器4、jquery表单选择器1、jquery基本选择器基本选择器是JQuery最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名来查找DOM元素。$("#myELement")选择id值等于myElement的元素,id值不能重复在文档中只能有一            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-11 10:52:56
                            
                                63阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              选择器是jQuery的根基,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器。如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果。  jQuery中的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。  为了便于记忆和学习,我们把jQuery选择器分为            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-01 21:27:04
                            
                                112阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            jQuery库中封装了大量JavaScript方法,有两种引入jQuery的方法:到官网下载jQuery.js文件,在html中以引入本地文件的方式引入CDN:通过链接,直接引用其他服务器上的js库在html的head中用以下代码引入jQuery:<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-15 19:46:05
                            
                                126阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            jQuery基础&选择器一、概述jquery是js的框架jquery和js的相互转换? js转换为jquery : $(js对象) jquery转换为js : jquery对象[0] / jquery对象.get(0)
js和jquery对象的方法是不通用的!!!jquery如何获取/设置值 : .val(内容)jquery如何获取/设置内容: .html(内容) .text(内容)jqu            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-10 13:23:18
                            
                                61阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery在线手册1.基本选择器$("#id") //ID选择器 $(“div”) //元素选择器 $(".classname") //类选择器 $(".classname,.classname1,#id1") //组合选择器2.层次选择器$("#id>.classname “) //子元素选择器 $(”#id .classname “) //后代元素选择器 $(”#id + .class            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-10 15:20:42
                            
                                137阅读
                            
                                                                             
                 
                
                                
                    