1.追加

? .insertBefore()在現有元素外部、之前添加內容；
? .prependTo()在現有元素內部、之前添加內容；
? .appendTo()在現有元素內部、之後添加內容；
? .insertAfter()在現有元素外部、之後添加內容。

$(document).ready(function() {
　　$(‘<a href="#top">back to top</a>‘).insertAfter(‘div.chapter p‘);
　　$(‘<a id="top"></a>‘).prependTo(‘body‘);
});

2.包裹

? .wrapAll()把所有腳註都包含；

? .wrap()將每一個腳註分別包裝。

$(document).ready(function() {
    $(‘span.footnote‘)
    .insertBefore(‘#footer‘)
    .wrapAll(‘<ol id="notes"></ol>‘)
    .wrap(‘<li></li>‘);
});

3.叠代

? .each()：這個方法接受一個回調函數，這個函數會針對匹配的元素集中的每個元素都調用一次 。

$(document).ready(function() {
    
 
var $notes = $(‘<ol id="notes"></ol>‘).insertBefore(‘#footer‘);
    $(‘span.footnote‘).each(function(index) {
        $(‘<sup>‘ + (index + 1) + ‘</sup>‘).insertBefore(this);
        $(this).appendTo($notes).wrap(‘<li></li>‘);
    });
});

4.反向

? .before和insertBefore；

? .append和appendTo；

$(‘<p>Hello</p>‘).appendTo(‘#container‘);
$(‘#container‘).append(‘<p>Hello</p>‘);

Jquery學習