# 实现前端jQuery的多级选择器
## 流程图
```mermaid
stateDiagram
    [*] --> 开始
    开始 --> 选择器
    选择器 --> 操作元素
    操作元素 --> 结束
    结束 --> [*]
```
## 步骤
| 步骤      | 操作                 | 代码            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-23 03:44:24
                            
                                14阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第2章 选择器jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。jQuery选择器有很多,基本兼容了CSS所有的选择器,并且jQuery还添加了很多更加复杂的选择器。(查看jQuery文档)jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-03 15:26:44
                            
                                40阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第2章 选择器jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。jQuery选择器有很多,基本兼容了CSS所有的选择器,并且jQuery还添加了很多更加复杂的选择器。(查看jQuery文档)jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-18 02:20:59
                            
                                121阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            s类的css            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-11-17 11:42:46
                            
                                170阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            A B:后代选择器AB:交集选择器A ,B:并集选择器A > B:A中子元素是B 选择器A ~ B:A后面所有B兄弟元素 选择器A + B:A后面下一个B元素 选择器 转自 http://www.w3school.com.cn/jquery/jquery_ref_selectors.aspjQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastnam            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-01 20:04:58
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言    记录一下学习的笔记。参考教程:jQuery菜鸟教程;jQuery中文文档。一.jQuery简介    jQUery是一个JavaScript函数库。jQuery是一个轻量级的轻量级的“写的少,做的多”的JavaScript库,包含以下功能:HTML元素选取;HTML元素操作;CSS操作;HTML事件函数;J            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-21 16:11:39
                            
                                37阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在用jQuery进行任何操作之前,我们应该先获得要对其进行操作的DOM对象,选择器就是在帮我们做这件事。 文章目录一、什么是选择器?二、选择器的分类1. 基础选择器2. 层次选择器3. 基本过滤器4. 内容过滤器5. 可见性过滤器6. 属性过滤器7. 子元素过滤器8. 表单选择器9. 表单过滤器三、注意事项1. 用对选择器2. 做好缓存3. 使用链式写法 一、什么是选择器?简单来说,选择器就是一个            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-19 19:30:33
                            
                                49阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录1. jq选择器2. 属性操作3. Class操作4. 样式操作5. 内容操作6. 尺寸操作 1. jq选择器jq的选择器,就是在执行jq函数时传参是用来获取DOM元素的方法,通过下标可以获取其中某一个DOM元素$ 函数不管使用选择器选中了几个元素,$函数的返回值都是一个对象(伪数组)jq选择器是jq最核心的内容,大大简化的了DOM对象的查询css1-css3的选择器,都可以当做$函数的参数            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-10 17:30:59
                            
                                66阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、jQuery 选择器(1)选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器(2)jQuery 选择器的优点:简洁的写法$('#id)    //documnet.getElementById('id');
$('p')     //documnet.getElementByTagName('p');(3)完善的事件处理机制/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-13 00:14:11
                            
                                78阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            基本选择器1、标签选择器:$("标签名")
	eg:
	$("p").html() 获取p标签对象,是jquery对象形式的
	$("p").length2、类选择器:$(".class值")3、id选择器$("#id值")4、并集(或)选择器 逗号,$(".class值,#id值")5、交集选择器(同时存在) 连续直接写$(".class值#id值")$("p.myStyle") :选中 即是p            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-01 16:50:28
                            
                                110阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            选择器jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。注意:jQuery选择器返回的是jQuery对象。jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多更加复杂的选择器。(查看jQuery文档)jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。所以我们平时真正            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-31 22:06:13
                            
                                49阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery中的选择器继承了CSS的选择器。  利用jQuery选择器,可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。学会使用选择器是学习jQuery的基础,jQuery的行为规则都必须在获取到元素后才能生效。  jQuery选择器主要分以下几类: 1 基本选择器   2 层次选择器   3 过滤选择器3.1 基本过滤选择器      3.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-08 20:54:45
                            
                                81阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本篇文章包含: 1>jQuery选择器 2>jQuery伪类选择器(对于伪类选择器可以看成普通选择器的进阶版,就是先选择,然后加入冒号,进行条件筛选,即冒号后面是选择条件。)一、jQuery选择器:(1)基本选择器;
(2)层次选择器;
(3)属性选择器;//注意:jQuery代码要写在$(function () {
    //这里是你的jQuery代码
}
//这句代码类似于jav            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-15 19:46:18
                            
                                74阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery选择器之id选择器<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
    div            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-14 13:01:34
                            
                                140阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JQuery的选择器总结   选择器是获取元素并进行操作的一种方式,在使用CSS选择器时,开发人员有时候需要考虑浏览器是否支持某些选择器。而在JQuery中,使用选择器则不需要考虑这些问题,与传统的JS获取元素的方式相比,JQuery有着更加完善的机制,即使文档中没有所获取的元素,也不会像JS中的那样报错。    JQuery的选择器主要分为4种,分别是基本选择            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-07 18:12:02
                            
                                84阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            jQuery常见知识要点1.理解web标准的含义,为什么使用web标准?           答:将内容和表现样式分离                           1).结构化内容—HTML,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-20 23:06:07
                            
                                46阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法  
 jQuery选择器使得获得页面元素变得更加容易、更加灵活,从而大大减轻了开发人员的压力。如同盖楼一样,没有砖瓦,就盖不起楼房。得不到元素谈何其他各种操作呢?可见,jQuery选择器的重要性。当然想一下子掌握所有选择器也是很困难的,这个得靠实践和积累。现在我们正式进入jQuery选择器的学习。我们将jQuery选择器            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-11 22:11:01
                            
                                75阅读
                            
                                                                             
                 
                
                             
         
            
            
            
                  JQuery层级选择器1   全选择器          $("*")   又名*选择器,在JQuery中选择文档页面中的元素,通配符*给所有元素设置默认边距2   在.getElementsByTagName()传递*可以获取所有元素3   g            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2017-11-09 22:24:28
                            
                                3422阅读