DeeDi - трезвые записки

clone()

Клонирует выбранные элементы DOM и выбирает эти клоны.
В примере клонируем элемент span, выбираем клон и вставляем его перед содержимым p:

$(document).ready(function() {
$("#example_j span").clone().prependTo("#example_j p");
});
Пример:
Привет,

Вася!

Петя!

HTML :
<style type="text/css">
#example_j {border:solid 1px #999; margin-bottom:10px; padding:5px; background:#EBEBEB}
#example_j span {color:red}
</style>
<div id="example_j">
<span>Привет, </span>
<p>Вася!</p>
<p>Петя!</p>
</div>

Клонирует выбранные элементы DOM + их обработчики событий, затем выбирает полученные клоны. В примере по клику на картинки клонируем ее вместе с ее обработчиком события (кликом), затем вставляем клон после оригинала. Каждый клон получится у нас кликабельным и сможет воспроизводить своих клонов:

$(document).ready(function() {$("#example_j2 img").click(function () {$(this).clone(true).insertAfter(this); }); });
Клонируй овечку одним кликом!

Боковой текст: