jQuery (X)HTML操作のメモ1

いつも忘れるので自分用にメモ

prepend()
指定した要素内部の先頭にHTMLを挿入
$('p').prepend('<strong>追加テキスト</strong>');
append()
指定した要素内部の最後にHTMLを挿入
$('p').append('<strong>追加テキスト</strong>');
before()
指定した要素の前にHTMLを挿入
$('p').before('<h1>追加テキスト</h1>');
after()
指定した要素の後にHTMLを挿入
$('h1').prepend('<p>追加テキスト</p>');
prependTo()
指定した要素を他の要素の内部の先頭に移動
$('div#article').prependTo('div.section');
appendTo()
指定した要素を他の要素の内部の最後に移動
$('div#article').prependTo('div.section');
insertBefore()
指定した要素を他の要素の前に移動
$('h1').insertBefore('p');
insertAfter()
指定した要素を他の要素の後に移動
$('p#intro').insertAfter('h1');
wrap()
指定した要素に対して別に指定した要素で包む
$('span').wrap('<p></p>');
wrapAll()
指定した複数の要素に対して別に指定した要素で包む
$('p').wrapAll('div.section');
wrapInner()
指定した要素の子要素やテキストを別に指定した要素で包む
$('p').wrapInner('<span></span>');