jQuery之操作DOM

在元素内部插入DOM元素

插入到元素内部原有元素之后

append()

appendTo()

$("h1").append('<p>aaa</p>');
$("<p>aaaa</p>").appendTo("h1");

插入到元素内部原有元素之前

prepend()

prependTo()

$("h1").prepend('<p>ppp</p>');
$("<p>aaaa</p>").prependTo("h1");

在元素外部插入DOM元素

插入到元素外部之后

after()

insertAfter()

插入到元素外部之前

before()

insertBefore()

包裹DOM元素

包裹外部元素

wrap()

wrapAll()

wrapInner()

替换DOM元素

replaceAll()

replaceWith()

用来替换的元素从老地方移到新位置，而不是复制。

删除DOM元素

empty(): 清空

remove()： 移除

克隆DOM元素

clone()

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
  
  <b>Hello</b><p>, how are you?</p>

<script>
  $("b").clone().prependTo("p");
</script>

</body>
</html>

 

 

 

posted on 2012-07-20 14:19  leohxj  阅读(226)  评论(0)  编辑  收藏  举报

导航