# 实现jquery中css父级选择器
## 1. 整体流程
首先,我们来看一下实现"jquery中css父级选择器"的整体流程:
| 步骤 | 操作 |
| --- | --- |
| 1 | 寻找到需要选取的子元素 |
| 2 | 通过子元素找到其父元素 |
| 3 | 对父元素进行样式修改 |
## 2. 具体操作
### 步骤1:寻找到需要选取的子元素
```markdown            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-08 05:53:30
                            
                                123阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            parent.document.getElementById("filterToFloders")获取父页面里id为filterToFloders的元素,或者是从顶层window下找到iframe页面元素的操作-window.parent.frames["setFilterFrame"].document.getElementById("targetFloder"),获取元素。但是现在页面里多半是            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-25 14:47:35
                            
                                318阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS一、css的四种引入方式1、行内式:  行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用  1 <p style="background-color: rebeccapurple">hello yuan</p> 2、嵌入式  嵌入式是将CSS样式集中写在网页的<head></head>标签对的<s            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-21 13:53:31
                            
                                73阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            兄弟选择器<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8" />
    <title>兄弟选择符 (E~F)</title>
    <style>
    p~p{color:#f00;}
    </style>
    <            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-19 20:39:35
                            
                                439阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # jQuery父级选择器
在使用jQuery进行DOM操作时,我们经常需要选择某个元素的父级元素。为了实现这一目的,jQuery提供了一系列的父级选择器,使我们能够轻松地选择指定元素的父级。
## 1. 使用父级选择器
父级选择器允许我们选择指定元素的父级元素。我们可以使用`parent()`方法选择一个元素的直接父级元素,也可以使用`parents()`方法选择所有的父级元素。
```            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-27 11:20:29
                            
                                492阅读
                            
                                                                             
                 
                
                             
         
            
            
            
              css,又称样式重叠表,如今的网页的样式基本是div+css写出来的,功能十分强大,要想在html文件中引入css文件需要在<head></head>标签内输入一行:<link  rel=" stylesheet "  type=" text/css "  href=" XXX.css ">  css的一些基本样式也不一 一做介绍了,这个在手册以及一些学习网            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-15 02:07:42
                            
                                170阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、查找父节点1、parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合案例无参<ul>
     <li id="li1"><p id="p1"></p></li>
     <li id="li2"></li>
     <li id="li3"></li>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-24 20:25:20
                            
                                558阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            parent([selector])方法获取元素的直接父级。如果在一组元素上调用,parent返回一组唯一的直接父元素。...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-24 10:00:29
                            
                                90阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS选择器 a.基本选择器 i. ID ii.类选择器 iii.标签选择器 b.其他选择器 i. .classname空格div 当前元素所有后代元素子子孙孙 ii. .classname>div 当前元素下一-级所有子元素 只有子代 iii.. .classnameA~ classnameB当前 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-28 19:10:00
                            
                                392阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            一、选择器1、css主要有7中基本选择器ID选择器:#id类选择器:.class属性选择器:a[href="qqq.com"]标签选择器:body伪类选择器::hover、:link、:active、:visited、:focus、:first-letter伪元素选择器:::before通配符选择器:*  2、css选择器优先级                  
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-02 09:51:17
                            
                                586阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录CSS选择器 CSS选择器CSS选择器也称为选择符,用于选择需要添加样式的元素全局选择器(通配符选择器):用于选择需要添加样式的元素 如: *{margin:0;padding:0;} 通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需要酌情使用。标签选择器(元素选择符):用于声明标记采用的样式 如:p{color:red;}类别选择器:用来为相同的类名标签定            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-17 09:55:01
                            
                                317阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS基础总结  选择器CSS选择器分为元素选择器,组合选择符,属性选择符,伪类选择符,伪对象选择符五种。一、元素选择器1.通选符: *{ }     --->选择所有元素2.类选择器: .class{ }  --->选择带有该类的标签3.id选择符:  #id{ }  --->选择带有该ID的标签4            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-23 22:46:49
                            
                                1105阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. !important > inline > id > class > tag > * > inherit > default 2. 权重值对比: !important 最大 inline 行内样式 1000 id选择器 100 class选择器 10 标签 1 通配符选择器 0 *** 通配符 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-10 15:41:00
                            
                                407阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            很多情况下,我们需要找到父元素,但可惜的是css中并没有这样的一个选择器。 至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章。 简单来说这个实现并不是真正的父元素选择器,只是利用其它思路来实现相同效果罢了。 HTML: <div id="box"> <p>pppppppp</p> <sp            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-04 11:07:34
                            
                                6369阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            JQuery介绍jQuery概念jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它通过可在多种浏览器上运行的易于使用的 API,使 HTML 文档遍历和操作、事件处理、动画和 Ajax 等事情变得更加简单。凭借多功能性和可扩展性的结合,jQuery 改变了数百万人编写 JavaScript 的方式。官网:http://jquery.com/
官网API文档:http://ap            
                
         
            
            
            
            css选择器什么是选择器?  选择器是你构造好网页的结构,需要给这些结构赋予样式,这时候就需要用到选择器,利用选择器将元素与样式一一对应;两者的对应关系可以是一对一,一对多,多对一。选择器的分类:  这里我只展示几种比较常见的类型,  1. 标签选择器    给同一种标签添加样式,例如:    标签名{      属性名:属性值;    }<style type="text/css">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-17 18:48:26
                            
                                126阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
              最近有点忙,现在时间空闲下来了,好好的整理一下知识,今天总结一下css里面的一些选择器。  css里的选择器有好多种,下面我就把我了解到的写一写,如果有不全的或者有误的欢迎留言指正,万分感谢。  一、选择器  1、* 通配符选择器    这个选择器是匹配页面中所有的元素,一般用来清除浏览器的默认样式.*{margin:0; padding:0}  2、元素选择器     通            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-30 10:59:17
                            
                                657阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、CSS选择器概述通过选择器可以选定页面中的指定元素,对HTML页面中的元素实现一对一,一对多或者多对一的控制。HTML页面中的元素都是通过CSS选择器进行控制的。2、CSS选择器1、一般选择器   一般选择器 
 选择器示例示例说明及注意事项id选择器#name选择所有id="name"的元素,注意:一般id名不可重复class选择器.name选择所有class="name"的元素,注意:cl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-26 15:20:48
                            
                                139阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、CSS 引入方式1、CSS 的 3 种引入方式 ( 内联 | 内嵌 | 外链 )二、CSS 选择器1、CSS 基础选择器2、CSS 复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-20 21:05:19
                            
                                100阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一个实际例子:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-12 15:30:15
                            
                                122阅读
                            
                                                                             
                 
                
                                
                    