过够了

jQuery学习笔记4

本记：从21–>28点

21 prepend(content) 添加到element里面的前部．与append的方位不一样

<p>I would like to say: </p>

$("p").prepend("<b>Hello</b>")==><p><b>Hello</b>I would like to say: </p>;

22 prependTo(content) 与prepend的添加对像相反．

<p>I would like to say: </p><div id="foo"><b>Hello</b></div>

$("p").prependTo("#foo") ==>

<div id="foo"><p>I would like to say: </p><b>Hello</b></div>;

23 clone(deep) 克隆一个新的element．参数deep为flase里不包括子element

<b>Hello</b><p>, how are you?</p>

$("b").clone().prependTo("p")==><b>Hello</b><p><b>Hello</b>, how are you?</p>

24.empty() 删除所有的内部节点

<p>Hello, <span>Person</span> <a href="#">and person</a></p>

$("p").empty()==>[ <p></p> ]

25. insertAfter(content) 与after差不多．

$(a).after(b) === $(b).insertAfter(a)

26. insertBefore(content) 与 before差不多

$(a).before(b) === $(b).insertBefore(a)

27. remove(expt) 删除条件是expt的相应的element,当expt为空时．全部删除

<p class="hello">Hello</p> how are <p>you?</p>

$("p").remove(".hello")==>how are <p>you?</p>;

28. wrap(html) 把节点插入到html生成的节点里面．要注意的是html节点中不能含有内容只能

是节点的结构．如果想加的话只能在嵌入后再插入内容

<p>Test Paragraph.</p>

$("p").wrap("<div class='wrap'></div>")==>

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

注html也可以直接用一个element代替