Manipulation


jQuery Manipulation API のリファレンスです。

Manipulation は、DOMを操作・編集する関数を提供します。

Manipulation 一覧

内部(子要素)へ追加

append(content)
マッチした要素の子要素の最後に、指定した内容を追加します。
append(fn)
マッチした要素の子要素の最後に、指定した関数の内容を追加します。
appendTo(target)
マッチした要素を、指定した要素の子要素の最後に追加します。
prepend(content)
マッチした要素の子要素の先頭に、指定した内容を追加します。
prepend(fn)
マッチした要素の子要素の先頭に、指定した関数の内容を追加します。
prependTo(target)
マッチした要素を、指定した要素の子要素の先頭に追加します。

外部(兄弟要素)へ追加

after(content)
マッチした要素の後(弟要素)に、指定した内容を追加します。
after(fn)
マッチした要素の後(弟要素)に、指定した関数の内容を追加します。
before(content)
マッチした要素の前(兄要素)に、指定した内容を追加します。
before(fn)
マッチした要素の前(兄要素)に、指定した関数の内容を追加します。
insertAfter(target)
マッチした要素を、指定した要素の後(弟要素)に追加します。
insertBefore(target)
マッチした要素を、指定した要素の前(兄要素)追加します。

概念図

$(target).method(content)
before
prepend

target

append
after

$(content).method(target)
insertBefore
prependTo

target

appendTo
insertAfter

囲む

wrap(wrappingElement)
マッチした要素を、指定したHTMLで囲みます。
wrap(fn)
マッチした要素を、指定した関数が返すHTMLの構造で囲みます。
wrapAll(wrappingElement)
マッチした要素全体をまとめ、指定したHTMLの構造で囲みます。
wrapInner(wrappingElement)
マッチした要素の子要素全体を、指定したHTMLで囲みます。
wrapInner(fn)
マッチした要素の子要素全体を、指定した関数が返すHTMLの構造で囲みます。
unwrap()
親要素を削除します。

置換

replaceWith(content)
マッチした要素を、指定した内容で置き換えます。
replaceWith(fn)
マッチした要素を、指定した関数の内容で置き換えます。
replaceAll(selector)
指定された内容で、セレクタにマッチする要素を置き換えます。

削除

detach([selector])
マッチした要素を削除します。
要素に関連付けられているキャッシュデータやイベントハンドラは削除されません。
empty()
マッチした要素の、全ての子要素を削除します。
remove([selector])
マッチした要素を削除します。
要素に関連付けられているキャッシュデータやイベントハンドラも削除されます。

複製

clone()
マッチした要素を複製します。
clone(true)
マッチした要素を、イベントハンドラを含めて複製します。