本文通过一个例子来分析如何使用分层选择器来开始jQuery。分享给大家参考，如下：

下面简单介绍一下jQuery层次选择器中祖先后代和父子之间的区别。

Parentchild:根据父元素匹配所有子元素，层次关系为父子关系。

祖先后代：根据祖先元素匹配所有后代元素，层次关系为祖先和后代。

编写代码并进行测试，以更清楚地区分两者：

div id=' first ' 1 span 1.1/span span 1.2/span div 1.3 span 1 . 3 . 1/span/div script type=' text/JavaScript ' src=' http : jquery-1 . 4 . 1 . min . js '/script script type=' text/JavaScript ' $(function(){ $(' # first span ')。css('color '，' red ')；});/运行后发现脚本：

1.3.1文字颜色不是红色，因为parentchild是父子关系；

如果选择器更改为：复制代码如下： $ ('# firstspan ')。CSS('颜色'，'红色')；运行后发现：

1.3.1的文字颜色也是红色的，因为祖先后代的层级关系就是祖先和后代。也就是说，id为“first”的元素下的所有span标签，无论是子代还是孙代，都会变成红色。

希望本文对大家的jQuery程序设计有所帮助。