jQuery使用手册(5)

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

<a href="#" onClick="jq()">jQuery</a><p id="test">after</p>

append(html)在匹配元素内部，且末尾插入指定html jQuery代码及功能：

function jq(){ $("#test").append("<b>Hello</b>"); } 执行后相当于

<a href="#" onClick="jq()">jQuery<b>Hello</b></a>

同理还有append(elem) append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解！

appendTo(expr) 与append(elem)相反

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能

function jq(){ $("a"). appendTo ($("#test")); } 执行后相当于

<p id="test">after<a href="#" onClick="jq()">jQuery</a> </p>

clone() 复制一个jQuery对象

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){ $("#test").clone().appendTo($("a")); }

复制$("#test")然后插入到<a>后,执行后相当于

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a><p id="test">after</p> empty() 删除匹配对象的所有子节点

<div id="test"> <span>span</span> <p>after</p> </div>

<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){ $("#test").empty(); }

执行后相当于

<div id="test"></div><a href="#" onClick="jq()">jQuery</a>

insertAfter(expr) insertBefore(expr)

按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于 after (elem)