jquery - 在 jQuery 嵌套 .children() 中选择

Question

我正在学习 jQuery，我想知道这两个选择器有什么区别:

    $('#puzzleGrid table tr td img');

和

    $('#puzzleGrid').children('table').children('tr').children('td').children('img');

谢谢!

Answer 1

这个children()选择器 - 正如 Fraicio Matte 所指出的 -

第一个示例将使用 DOM QSA(如果可用)，这比第二个充满函数调用开销的示例快四亿倍。

$('#puzzleGrid').children('table').children('tr').children('td').children('img');

非常具体地获取前一个元素的子元素

还有这个 - descendant selector

$('#puzzleGrid table tr td img')

将找到 id=puzzleGrid.. 的元素的任何“表”后代(下面的任何表元素)以及找到的表的任何后代 tr.. 等等。

与第一个等效的是使用 > child-selector

$('#puzzleGrid > table > tr > td > img')