jQuery基础教程之文档处理

jQuery基础教程之文档处理

一、append appendTo

append(content|fn) 向每个匹配的元素内部追加内容。

    $("p").append("<b>Hello</b>");

appendTo(content) 把所有匹配的元素追加到另一个指定的元素元素集合中。把原来的删除，放到新的地方

    $("b").appendTo("p")

二、prepend prependTo

prepend(content) 向每个匹配的元素内部前置内容。

    $("p").prepend("<b>Hello</b>");

prependTo(content) 把所有匹配的元素前置到另一个、指定的元素元素集合中

    $("b").prependTo("p")

三、after insertAfter

after(content|fn) 在每个匹配的元素之后插入内容。

    $("p").after("<b>Hello</b>");

insertAfter(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的后面

    $("p").insertAfter("#foo");

四、before insertBefore

before(content|fn) 在每个匹配的元素之前插入内容。

    $("p").before("<b>Hello</b>");

insertBefore(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。

    $("p").insertBefore("#foo");

五、empty() 删除匹配的元素集合中所有的子节点。保留本身

  $("p").empty();

六、remove 从DOM中删除所有匹配的元素。

  $("p").remove();

七、clone([Even[,deepEven]]) 克隆匹配的DOM元素并且选中这些克隆的副本。

  $("b").clone().prependTo("p");