JQuery教程---DOM操作(三)
1. ancestors ()
一依次以匹配结点的父节点的内容为对象,根节点除外
例：
<div>
<p>one</p>
<span>
<u>two</u>
</span>
</div>
jQuery代码及功能：
function jq(){
var f=$("u").ancestors();
for(var i=0;i<$(f).size();i++){
alert($(f).eq(i).html());}
}
第一个对象是以<u>的父节点的内容为对象，[ <u>two</u> ]
第一个对象是以<u>的父节点的父节点（div）的内容为对象，[<p>one</p><span><u>two</u></span> ]
一般一个文档还有<body>和<html>，依次类推下去。
2. ancestors (expr)
在ancestors（）的基础上之取符合表达式的对象
如上各例子讲var f改为var f= $("u").ancestors(“div”),则只返回一个对象：
<p>one</p><span><u>two</u></span>
3. children() 返回匹配对象的子介点
例：
<p>one</p> <div id="ch"> <span>two</span> </div>
jQuery代码及功能：
function jq(){
alert($("#ch").children().html());
}
$("#ch").children()得到对象[ <span>two</span> ].所以.html()的结果是”two”
4. children(expr)
返回匹配对象的子介点中符合表达式的节点
<div id="ch"> <span>two</span> <span id="sp">three</span> </div>
jQuery代码及功能
function jq(){
alert($("#ch").children(“#sp”).html());
}
$("#ch").children()得到对象[<span>two</span><span id="sp">three</span> ].
$("#ch").children(“#sp”)过滤得到[<span id="sp">three</span> ]
parent () parent (expr)取匹配对象父节点的。参照children帮助理解