zoukankan      html  css  js  c++  java
  • jQuery之层次选择器

    层次选择器: 查找子元素, 后代元素, 兄弟元素的选择器
    1. ancestor descendant
    在给定的祖先元素下匹配所有的后代元素
    2. parent>child
    在给定的父元素下匹配所有的子元素
    3. prev+next
    匹配所有紧接在 prev 元素后的 next 元素
    4. prev~siblings
    匹配 prev 元素之后的所有 siblings 元素

    html:

    <ul>
      <li>AAAAA</li>
      <li class="box">CCCCC</li>
      <li title="hello"><span>BBBBB</span></li>
      <li title="hello"><span>DDDD</span></li>
      <span>EEEEE</span>
    </ul>

    需求:

    1. 选中ul下所有的的span
    2. 选中ul下所有的子元素span
    3. 选中class为box的下一个li
    4. 选中ul下的class为box的元素后面的所有兄弟元素

                    //1. 选中ul下所有的的span
            $("ul span").css("background","blue");
            // 2. 选中ul下所有的子元素span
            $("ul>span").css("background","blue");
            // 3. 选中class为box的下一个li
            $(".box+li").css("background","blue")
            
            // 4. 选中ul下的class为box的元素后面的所有兄弟元素
            $("ul .box~*").css("background","blue");        
  • 相关阅读:
    8.13 Java自学
    8.12 Java自学
    8.11 Java自学
    JAVA学习日报 8.18
    JAVA学习日报 8.17
    JAVA学习日报 8.16
    JAVA学习日报 8.15
    JAVA学习日报 8.14
    JAVA学习日报 8.13
    JAVA学习日报 8.12
  • 原文地址:https://www.cnblogs.com/caicaihong/p/9371106.html
Copyright © 2011-2022 走看看