层次选择器的4种选择器列表

最新推荐文章于 2024-09-04 16:55:55 发布
最新推荐文章于 2024-09-04 16:55:55 发布
阅读量7.1k 收藏 1
点赞数 2
分类专栏： 前端开发 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wujunlei1595848/article/details/93158855
版权
选择器描述返回示例
$("ancestor descendant")选取ancestor元素里的所有descendant（后代）元素集合元素span$("div span")选取<div>里的所有的<span>元素
$("parent > child")选取parent元素下的child（子）元素，与$("ancestor descendant")有区别，$("ancestor descendant")选择的是后代元素集合元素$("div > span")选取<div>元素下元素名是<span>的子元素
$("prev + next")选取紧接在prev元素后的next元素集合元素$(".one + div")选取class为one的下一个<div>同辈元素
$("prev ~ siblings")选取prev元素之后的所有siblings元素集合元素$("#two ~ div")选取id为two的元素后面的所有<div>同辈元素

 

mannuandeyangguang
关注
专栏目录
详解CSS3中的选择器（二）层次选择器
weixin_42071117的博客
06-02 1157
上一讲我们讲解了CSS3中的基本选择器，这一节我们详解下层次选择器。 什么是层次选择器 我们都知道DOM是一个树状结构，在树状结构中有根节点、父节点、子节点、兄弟节点等概念。CSS也引入了这些概念到选择器中，对应的关系就是层次选择器。层次选择器共有四种，分别为： 后代选择器（E F） 子选择器（E>F） 相邻兄弟选择器（E+F） 通用兄弟选择器（E~F） 在Web开发中，用的较多的是前两个-后代选择器和子选择器。 我们先来看一段代码： <!DOCTYPE html> &
层次选择器（父子、后代、兄弟、相邻）
weixin_47124862的博客
11-30 7712
选择器 说明 M N 后代选择器，选择M元素内部后代的N元素（所有N元素） M>N 子代选择器，选择M元素内部子代的N元素（所有第1级N元素） M~N 兄弟选择器，选择M元素后所有的统计N元素 M+N 相邻选择器，选择M元素相邻的下一个N元素（M、N是同级元素） 一、后代选择器 语法：M N{} 说明：在后代选择器中，M元素与N元素用空格隔开，表示选中M元素内部后代的N元素。 举例： <!DOCTYPE html> <html lang="en"&gt...
层级选择器
android开发笔记
06-09 349
除了基本的选择器外，jQuery的层级选择器更加灵活，也更强大。 因为DOM的结构就是层级结构，所以我们经常要根据层级关系进行选择。 层级选择器（Descendant Selector） 如果两个DOM元素具有层级关系，就可以用$('ancestor descendant')来选择，层级之间用空格隔开。例如： <!-- HTML结构 --> <div class="te...
css基础（二）：基础选择器和复合选择器
最新发布
2401_86401508的博客
09-04 479
尽量少用通配符选择器尽量少用 ID选择器不使用无具体语义定义的标签选择器2.CSS复合选择器 ：复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。
CSS 四种层次选择器
weixin_45672377的博客
12-14 1517
实例结构图 后代选择器 格式：元素 标签{} 特点 作用域为元素所有子代标签 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>层次选择器</title> <style> body p{ background: red; } </sty
CSS层次选择器[四种]
abc98526的博客
02-07 4129
1.后代选择器 后代选择器是包含了后面的所以标签如: 2.子选择器 3.相邻选择器 4.相邻选择器进阶版
jquery层次选择器的介绍
01-21
jquery层次选择器 jquery层次选择器，包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。 1、空格表示获取所有子孙后代元素 2、 >表示获取一级子元素 3、next函数获取紧接在之后的同辈...
Android地名选择器 全国省市区选择器 城市选择 区县选择
12-02
回调函数是事件驱动编程的一种方式，使得选择器和调用者之间的耦合度降低。 此外，为了优化用户体验，地名选择器通常会提供搜索功能，让用户可以通过输入关键词快速找到目标地名。这需要对输入进行实时监听，并动态...
四个层次选择器
qq_45326705的博客
10-26 128
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后代选择器</title> <style> body p{ /*body里的所有后代p都被选择*/ background-color: aquamarine; } </.
css四个层次选择器
qq_37304197的博客
10-23 6126
1.后代选择器 选中parent元素内部后代所有 n 元素。 parent n{} 2.子代选择器 选中 parent 元素内部 的子元素 n parent&gt;n{} 3.兄弟选择器 选中 brother 元素后面的所有某一类兄弟元素 n。 brother~n{} 4.相邻选择器 选中brother元素后面的某一个相邻的兄弟元素n。 brother+n{} ...
层次选择器
学而时习之，不亦说乎！
02-16 449
div { width: 140px; height: 140px; margin: 5px; background: #aaa; border: #000 1px solid; float: left;
CSS入门(1)--css选择器
helongzhong的博客
11-19 415
1 标签选择器 就是用标签名来当做选择器。 1）所有标签都能够当做选择器，比如body、h1、dl、ul、span等等 2）不管这个标签藏的多深，都能够被选择上。 3）选择的是所有的，而不是某一个。所以是共性，而不是特性。          a{                               text-decoration: none;
系统学习jQuery.核心知识.局部.jQuery选择器.层次选择器
dawuafang
12-27 85
1.层次选择器介绍 前面基本选择器是直接通过DOM节点本身来进行选择的，这里的层次选择器则是基于DOM元素的层次关系获取特定的元素，例如相邻元素、同辈元素、子元素与后代元素，也就是迂回的方式来选择相应的元素。 2.详解每个层次选择器 3.应用实例 &lt;html&gt; &lt;head&gt; &lt;title&gt;基本选择器&lt;/title&gt; &lt...
jQuery 选择器（基本选择器/层级选择器/过滤选择器/筛选选择器）
carriehaohao的博客
03-04 3376
jQuery选择器 1. JS中选择DOM元素的方法 考虑兼容性的话，js里面提供的选择DOM的方法只有两个： JavaScript选择元素的方法 document.getElementById(); 通过id属性获取指定元素 返回唯一的DOM对象 document.getElementsByTagN
2、层级选择器（组合、层级、伪元素、伪类）
weixin_45065754的博客
04-04 724
1、组合选择器（h1,h2） 2、层级选择器（.box2 h1,.box2 h2） 3、伪类选择器（添加行为）（.box3:hover） 4、伪元素选择器（添加元素）（.box4 h1::after）
Jquery选择器的层次选择器
苏打水解渴的博客
10-31 997
上一篇主要学习了一些，简单的Jquery选择器，但是都是开发中比较常用的，这篇主要学习了一些，层次选择器，也是比较简单常用的选择器。 我们来看下，层次选择器都有哪些： jQuery( "parent > child" ) jQuery( "ancestor descendant" ) jQuery( "prev + next" ) jQuery( "prev ~ siblings" ) 1.jQu
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mannuandeyangguang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值