Jquery 基础用法(二)

21.prependTo(content) 与prepend的添加对像相反.

eg:<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> ]

与appendTo的功能一样,有点迷糊这个

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

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

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

加到指定元素内部的最前面.做为子元素存在!和append功能一样,只是加入的方位不同



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

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

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

搜索B元素并复制一个放到p元素的前面.

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

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

$("p").empty(); ==>> [ <p></p> ]
删除P元素内部的所有内容



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

eg:$(a).after(b); === $(b).insertAfter(a);

26. insertBefore(content) 与 before差不多

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

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

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

$("p").remove(".hello"); ==>> [ how are <p>you?</p> ]
删除class为hello的P元素.如果romove()里面为空,就是删除所有p元素

28. wrap(html) 把节点插入到html生成的节点里面.要注意的是html节点中不能含有内容只能是节点的结构.如果想加的话只能在嵌入后再插入内容

eg:<p>Test Paragraph.</p>

$("p").wrap("<div class='wrap'></div>"); ==>> [ <div class='wrap'><p>Test Paragraph.</p></div> ]
wrap是只插入元素,而且元素不能有内容.如例子,把p加入到div中,而且div为父元素,p为子元素

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

你可能感兴趣的:(html,jquery)