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>

 

 

 

你可能感兴趣的:(jquery)