jQuery使用手册(7)
发布时间：2021-06-05
jQuery使用手册,让你彻彻底底的学会使用jquery。
$("p").add(document.getElementById("a"));
add(els) 在匹配对象的基础上在附加指定的一组对象，els是一个数组。
<p>Hello</p><p><span>Hello Again</span></p> jQuery代码及功能：
function jq(){ var f=$("p").add([document.getElementById("a"), document.getElementById("b")]) for(var i=0;i < $(f).size();i++){ alert($(f).eq(i).html());} }
注意els是一个数组，这里的[ ]不能漏掉。
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>，依次类推下去。
ancestors (expr) 在ancestors（）的基础上之取符合表达式的对象
如上各例子讲var f改为var f= $("u").ancestors(“div”),则只返回一个对象：
[ <p>one</p><span><u>two</u></span> ]
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” 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> ]
jQuery使用手册(7).doc
将本文的Word文档下载到电脑
上一篇：“废电池回收”综合实践活动报告
下一篇：螺丝规格表
