jQuery的：«孩子»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，WORKS：

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

attachEvents FUNC：

function attachEvents (elems, data) { 

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

數據是一個對象事件名稱和回調使用的數組。

問題是爲什麼只有第二個變體正常工作。

Answer 1

.children()方法允許我們通過直接子代在DOM樹中搜索這些元素，並從匹配元素構造一個新的jQuery對象。

立即孩子意味着一個層次。在你的情況下，.activatedUsual不是'.thematicHeaderBox'的直接子節點。