jQuery入门之层次选择器实例简析

<div id="first">1
  <span>1.1 </span>
  <span>1.2 </span>
  <div>1.3
    <span>1.3.1 </span>
  </div>
 </div>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.4.1.min.js">

运行后发现：

1.3.1的文字颜色不是红色，因为parent>child是父子关系；
如果把选择器改为：

复制代码 代码如下:$("#first span").css("color", "red");

则运行后发现：

1.3.1的文字颜色也是红色，因为ancestor descendant层次关系是祖先和后代。即id为"first"的元素下的所有span标记，不管是子辈，还是孙子辈，都会变成红色。
希望本文所述对大家jQuery程序设计有所帮助。