removeとemptyの違いの、実際の様子

各ボタンを押して実行後、原型と比べてみてください。

• removeはセレクタであるboxBごと消えました。
• emptyはセレクタであるboxBは残り、中の要素のみが消えました。

（このページを再読込します。）

hideとhtmlの違いの、実際の様子

hideのみはボタンを再度押すと戻ります。

• hideはセレクタであるboxBごと消えました。
• htmlはセレクタであるboxBは残り、中の要素のみが消えました。

（このページを再読込します。）

まとめ

• removeとhideはセレクタごと消えます。
• emptyとhtmlはセレクタは残り、中の要素のみが消えます。

hideはshowメソッドなどで消した要素を再度表示できます。実際上のデモもshowメソッドを使用しています。

htmlは本来は以下のように要素を変更したり新規生成したりするものです。元々ある子孫要素は全て入れ替えられます。

		$('.boxB').html('<p>文字が入りました</p>');

実験デモはその引数（''内）が空なので空の要素と入れ替わったまでです。引数を変数や関数にし、たまたまその値が空になる場合はいいですが、削除する目的でしたらremoveやemptyがいいでしょう。