jQuery: «.children» vs «.find» + «.live»

Question

这里有一些代码：

HTML：

<div class="thematicHeaderBox group">
 <h3 class="thematicHeader group">SMTH</h3>
 <button class="activatedUsual" style="float: right; ">on</button>
</div>

JS，不工作：

attachEvents(
 $(".thematicHeaderBox").children(".activatedUsual"),
 self.elem.box.thematic.settings.event
);

JS，工作：

attachEvents(
 $(".thematicHeaderBox").find(".activatedUsual"),
 self.elem.box.thematic.settings.event
);

附加事件函数：

function attachEvents (elems, data) {

    for(var p in data){
        if(data.hasOwnProperty(p)){
            elems.live(
                data[p].name,
                data[p].callback
            );
        }
    }
}

data 是一组对象事件名称和要使用的回调。

问题是为什么只有第二种变体可以正常工作。

Answer 1

.children() 方法允许我们在 DOM 树中搜索这些元素的直接子代，并从匹配的元素中构造一个新的 jQuery 对象。

直属子级意味着一个层次结构。在您的情况下，.activatedUsual 不是 '.thematicHeaderBox' 的直接子级。