jQuery使用手册(6)

jQuery使用手册,让你彻彻底底的学会使用jquery。

prepend (html) prepend (elem) prepend (elems) 在匹配元素的内部且开始出插入

通过下面例 子区分append(elem) appendTo(expr) prepend (elem)

<p id="a">p</p> <div>div</div>

执行$("#a").append($("div")) 后相当于

<p id="a"> P <div>div</div> </p>

执行$("#a").appendTo($("div")) 后 相当于

<div> div <p id="a">p</p> </div>

执行$("#a").prepend ($("div")) 后 相当于

<p id="a"> <div>div</div> P </p>

remove() 删除匹配对象

注意区分empty()，empty()移出匹配对象的子节点，remove()，移出匹配对象 wrap(htm) 将匹配对象包含在给出的html代码内

<p>Test Paragraph.</p> <a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){ $("p").wrap("<div class='wrap'></div>"); }

执行后相当于

<div class='wrap'><p>Test Paragraph.</p></div>

wrap(elem) 将匹配对象包含在给出的对象内 jQuery代码及功能：

function jq(){ $("p").wrap( document.getElementById('content') ); }

执行后相当于

<div id="content"><p>Test Paragraph.</p></div>

遍历、组合

add(expr) 在原对象的基础上在附加符合指定表达式的jquery对象

<p>Hello</p><p><span>Hello Again</span></p> <a href="#" onClick="jq()">jQuery</a> jQuery代码及功能： function jq(){ var f=$("p").add("span"); for(var i=0;i < $(f).size();i++){ alert($(f).eq(i).html());} }

执行$("p")得到匹配<p>的对象，有两个，add("span")是在("p")的基础上加上匹配<span >的对象，所有一共有3个，从上面的函数运行结果可以看到$("p").add("span")是3个对象的集合，分别是

[<p>Hello</p>]，[<p><span>Hello Again</span></p>]，[<span>Hello Again</span>]。 add(el) 在匹配对象的基础上在附加指定的dom元素。