.prepend()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.prependTo()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.append()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.appendTo()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.before()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.insertBefore()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.after()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.insertAfter()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.wrap()

ボタンクリックで文章を背景グレーのスタイルが付いたdiv要素でそれぞれ括る動き。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.wrapAll()

ボタンクリックで文章全体を背景グレーのスタイルが付いたdiv要素で括る動き。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.wrapInner()

ボタンクリックで文章内を背景グレーのスタイルが付いたspan要素で括る動き。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.clone()

ボタンクリックで.appendTo()と組み合わせて文章を複製・追加する。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.replaceWith()

ボタンクリックで欧文を背景グレーのスタイルが付いた日本語に置換する。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.replaceAll()

ボタンクリックで欧文を背景グレーのスタイルが付いた日本語に置換する。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.remove()

以下はデフォルトでp要素にグレー背景を指定しており、ボタンクリックでp要素が削除されるので背景カラーも表示されなくなる。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.empty()

以下はデフォルトでp要素のグレー背景を指定しており、ボタンクリックでp要素内はそのままで子要素が削除されるので背景カラーは表示されたままになる。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

.unwrap()

以下はデフォルトでグレー背景を指定したdivで文章が括られており、ボタンクリックでそのdivが削除されるので背景カラーも表示されなくなる。

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, commodi.