美文网首页JQuery思想整理
7.jQuery选择器之层次选择器

7.jQuery选择器之层次选择器

作者: 修卡录 | 来源:发表于2018-04-18 00:00 被阅读2次

层次选择器:

查找子元素, 后代元素, 兄弟元素的选择器

分类:


ancestor descendant

在给定的祖先的元素下匹配所有的后代元素

例如:ul span

//1. 选中ul下所有的的span

$('ul span').css('background', 'yellow')

parent > child

在给定父元素下匹配所有的子元素

例如:ul>span

//2. 选中ul下所有的子元素span

 $('ul>span').css('background', 'yellow')

prev + next

匹配所有紧接在prev元素后的next元素(只匹配一位)

//3. 选中class为box的下一个li

 $('.box+li').css('background', 'yellow')

prev ~ siblings

匹配prev所有元素之后的所有siblings元素

例如:ul .box~*

//4. 选中ul下的class为box的元素后面的所有兄弟元素

$('ul .box~*').css('background', 'yellow')

相关文章

  • 7.jQuery选择器之层次选择器

    层次选择器: 查找子元素, 后代元素, 兄弟元素的选择器 分类: ancestor descendant 在给定的...

  • jQuery选择器

    jQuery选择器可以分为基本选择器、层次选择器、过滤选择器和表单选择器。 1、基本选择器 2、层次选择器 3、过...

  • css选择器

    id选择器,class选择器,层次选择器,后代选择器,标签选择器,元素选择器。

  • CSS伪类伪元素

    CSS选择器大致可以分成5类:基本选择器,层次选择器,属性选择器,伪类,伪元素。基本,层次,属性选择器比较容易理解...

  • jQuery选择器

    基本选择器 层次选择器 过滤选择器 基本过滤选择器 内容过滤选择器 可见性过滤选择器 属性过滤选择器 子元素过滤选...

  • css3选择器

    CSS3选择器分类 层次选择器,常用的选择器| 选择器|类型|说明 ||--|--|--|--||E F |后代...

  • jQuery相关复习

    jQuery相关 jQuery选择器 参考手册 基本选择器 层次选择器 过滤选择器 可见性过滤选择器 属性过滤选择...

  • JQuery常用的选择器总结分类

    一、基本选择器 二、层次选择器 三、过滤选择器 四、内容过滤选择器 五、可见性过滤选择器 六、属性过滤选择器 七、...

  • jQuery 选择器学习

    一、基本选择器 二、层次选择器 三、过滤选择器 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、...

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

网友评论

    本文标题:7.jQuery选择器之层次选择器

    本文链接:https://www.haomeiwen.com/subject/efjmkftx.html