Имеет ли иерархический селектор преимущество в производительности по сравнению с прямым доступом к элементу

Question

С этим HTML кодом:

<div class="grandpa">
  <div class="papa">
    <span id='baby'>text</span>
  </div>
</div>

Что касается селектора (либо javascript, либо jquery), который имеет лучшую производительность при доступе к элементу?

console.log($('#baby').text());
console.log($('.papa > #baby').text());
console.log($('.grandpa #baby').text());
console.log($('div.grandpa span#baby').text());