内部插入
append 向每个匹配的元素内部追加内容。 appendTo 把所有匹配的元素追加到另一个指定的元素元素集合中。
<p>I would like to say: </p> <div></div>
$("p").append("<b>Hello</b>");
<p>I would like to say: <b>Hello</b></p>$("p").appendTo("div");
<div><p>I would like to say: </p></div>
prepend 向每个匹配的元素内部前置内容。 prependTo 把所有匹配的元素前置到另一个、指定的元素元素集合中$("p").prepend("<b>Hello</b>");
<p>I would like to say: </p><div id="foo"></div>
<p><b>Hello</b>I would like to say: </p>$("p").prependTo("#foo");
<div id="foo"><p>I would like to say: </p></div>
通过一张对比表来解释几个方法之间的不同
方法名 |
参数 |
被移除的元素所绑定的事件及数据是否也被移除 |
元素自身是否被移除 |
empty |
无 |
是 |
否 |
remove |
选择器表达式,比如 remove(“.class”); remove(“#id”); remove(“tag”): |
是 |
是(无参数时),有参数时要根据参数所涉及的范围。 |
detach |
参数同remove |
否 |
情况同remove |
文本域及子节点三个都删除
时间: 2024-10-25 22:55:42