要在jQuery中选择子节点,可以使用children(),但也可以使用find().
例如:
$(this).children('.foo');
给出与以下相同的结果:
$(this).find('.foo');
现在,哪个选项最快或者首选,为什么?
我正在查看教程中的一些代码,用于创建旋转木马菜单,并注意到没有父级的父级子选择器.从来没有见过这个,并且对它实际上做的事情感到困惑.
请参阅以下代码:
var $wrapper = $('> div', this).css('overflow', 'hidden'),
$slider = $wrapper.find('> ul'),
$items = $slider.find('> li'),
$single = $items.filter(':first'),
singleWidth = $single.outerWidth(),
visible = Math.ceil($wrapper.innerWidth() / singleWidth), // note: doesn't include padding or border
currentPage = 1,
pages = Math.ceil($items.length / visible);
Run Code Online (Sandbox Code Playgroud)
这里的教程:http://jqueryfordesigners.com/jquery-infinite-carousel/
我想知道当你使用选择器时jQuery如何遍历DOM.它是否查找每个"第一级"元素,然后查看每个元素?还是一个一个地看着那些"第一级"元素的每个孩子?
让我用一些简单的例子解释我想象的东西,给出以下选择器:
$("div p#target")
是否更像是:
[1] <div>
[3] <div>
[5] <p id="target"></p>
</div>
</div>
[2] <div>
[4] <div>
<p></p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
或者像:
[1] <div>
[2] <div>
[3] <p id="target"></p>
</div>
</div>
<div>
<div>
<p></p>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)