.wrap()

wrap()は要素を一個ずつ囲むことができます。

  $("p").wrap("<li />")

1	$("p").wrap("<li />")

   <li><p>テキスト</p></li>
   <li><p>テキスト</p></li>
   <li><p>テキスト</p></li>

pタグなどリストで一気に囲むことができます。

wrapInner()では、
要素の子要素を一個ずつ囲む。aの内側。

  $("p").wrapInner("<li />")

1	$("p").wrapInner("<li />")

   <p><li>テキスト</li></p>
   <p><li>テキスト</li></p>
   <p><li>テキスト</li></p>

wrap()では動的に吐き出されるソースなどに対してdivで囲んでcssを適応させたいとか、ulなどのliがずらっと並んでいるときなど5個づつ区切りをつけたい場合などに最適です。

インスタキーのみでインスタグラムをサイトに表示

viewportの幅に応じてフォントサイズを可変させる