jquery选择器分层过滤选择器的详细说明

复制代码如下：$('祖先后代'):选择父元素后的所有子元素$('父子'):选择父元素后的所有子元素的“直接”是什么，即第一级的含义是$ ('prev next'): prev和next是同一级的两个元素。选择prev后面的下一个元素$('prev ~同级'):并选择根据同级筛选的元素。注意：siblings是最后两个过滤器，使用较少。一般会有其他选择器来替换复制代码如下：$('prev next ')相当于next()$('prev ~姐弟')相当于nextAll()。示例：复制代码如下： style type=' text/CSS '/* Highlight */。高亮显示{背景色：gray}/style复制代码如下：第一个DIV中的：body DIV p id='p1' p元素。/p /div p id='p2 '第一个p元素。/p div div内部的SPAN元素。/span p id='p3 '第二个DIV中的p元素。/p SPAN p id=' P4 ' div中SPAN中的p元素。/p/span/div表tr tha/th THB/th THC/th/tr tr tr td1/TDT D2/TDT D3/TD/tr/表p id=' P5 '第二个单个p元素。/p SPAN单个SPAN元素。/span/正文复制代码如下：var s=$ ('div p ')。addclass('高亮')；div后选择所有p元素，结果是：P1、P3、P4 。

复制代码如下：VARS=$ ('div p ')。addClass('高亮')；div后选择所有一级p元素，结果是：P1和P3。p4不会被选中，因为P4不是div 的直接元素。

复制代码如下：VARS=$ ('div p ')。addClass('高亮')；//选择紧接在div后面的p元素，结果是p2。p5不会被选中，因为P5不在div 旁边。

复制代码如下：VARS=$ ('div ~ p ')。addclass('高亮')；//选择div后面紧挨着的所有p元素，结果是：p2，P5 。