javascript - 使用缓存选择器(jQuery)选择子元素

Question

这个问题与我的询问有些相关，但并没有完全涵盖我需要理解的内容:

jQuery caching selectors

我有这个 HTML:

<div id="myDiv">
    <img src="http://placekitten.com/g/200/200" />
</div>

我缓存了 DIV 选择器:var md = $('#myDiv');

如何访问 <img>使用缓存的 DIV 选择器的子元素？

例如，类似:

md.('img').fadeOut();

或

$(md + ' img').fadeOut();

jsFiddle

Answer 1

您想要选择 md jQuery 对象，然后使用 find() 或 children() 方法在其层次结构中搜索它“下面”的元素:

var md = $('#myDiv');
//the next two lines do the same thing
md.find('img').fadeOut();
md.children('img').fadeOut();

哪一个更适合你？嗯...这阐述了the differences between find() and children() ，以及 this question 的答案为您提供一些有用的性能指标来帮助您做出决定。

查看working example of find() and children() at http://jsfiddle.net/o8Ldzo5z/4/

请注意，约定是将 jQuery 对象分配给以“$”为前缀的变量: var $md = $('#myDiv');