html - CSS选择器或者jQuery来选择直接子节点和全部子节点

jsf

2016-08-05T07:36:31Z||2016-08-05T07:36:31Z

对于CSS选择器,a > b是选择a节点下的b节点,而a b是选择a节点下的全部b节点。
对于jQuery,直接子节点是通过children函数,而全部子节点的选择是通过find函数。
实例,这样一个DOM:

<div>
  <p class="node">
    <span class="node">test</span>
  </p>
</div>

$('div > .node')或者$('div').children('.node')都只会选择<p>.
$('div .node')或者$('div').find('.node')会选择<p><span>.