jQuery的后代選擇器ancestordescendant介紹和示例解析

// 這里的ancestor表示具體的祖先選擇器
// 這里的descendant表示具體的后代選擇器
jQuery( "ancestor descendant" )

<div id="n1">
 <p id="n2" class="test">
 <span id="n3" class="a">Hello</span>
 </p>
 <p id="n4" class="detail">
 <span id="n5" class="b codeplayer">World
 <span id="n6" class="c">365mini.com</span>
 </span>
 </p>
</div>

// 選擇了id分別為n2、n4的2個元素
$("#n1 p");
如果要一次性查找到p標簽內的所有span標簽，則對應的jQuery代碼如下(上述示例HTML中所有的span標簽都包括在內)：
// 選擇了id分別為n3、n5、n6的3個元素
$("p span");
當然，祖先選擇器和后代選擇器可以是任意有效的選擇器，因此它們本身也可以是一個"祖先-后代"選擇器。
// 選擇了id為n6的一個元素
$("#n1 p.detail span.c");