prepend、prependTo

原创于 2011-03-09 15:52:51 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

Jquery 专栏收录该内容

15 篇文章

订阅专栏

本文介绍jQuery中prepend和prependTo方法的应用，通过实例展示了如何使用这两种方法将元素插入到DOM树的不同位置，适用于前端开发人员学习。

1.prepend

$(document).ready(function(){
			$('.container').prepend($('h2'));
		});

2.prependTo

Consider the following HTML:

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

We can create content and insert it into several elements at once:

$('<p>Test</p>').prependTo('.inner');

<h2>Greetings</h2>
<div class="container">
  <div class="inner">
    <p>Test</p>
    Hello
  </div>
  <div class="inner">
    <p>Test</p>
    Goodbye
  </div>
</div>