jQuery htmlの書き換え

参考：Manipulation – jQuery 日本語リファレンス
　
　
テキストを書き換える

$(“セレクター”).text(“書き換え”);

例：タイトルを見出しに書き換える
＜p＞タイトル＜/p＞
jquery：
$(“p”).text(“見出し”);
結果：
＜p＞見出し＜/p＞
　
　
htmlタグごと書き換える

$(“セレクター”).html(“書き換え”);

例：pタグのタイトルをh3タグの見出し書き換える
＜p＞タイトル＜/p＞
jquery：
$(“p”).html(“＜h3＞見出し＜/h3＞”);
結果：
＜h3＞見出し＜/h3＞
　
　
指定した要素内部の先頭にhtmlを追加する

$(“セレクター”).prepend(“書き換え”)

p要素内の先頭に、”大”を太字で挿入します。
＜p＞見出し＜/p＞
jquery：
$(“p”).prepend(“＜strong＞大＜/strong＞”);
結果：
＜p＞＜strong＞大＜/strong＞見出し＜/p＞
　
　
指定した要素内部の末尾にhtmlを追加する

$(“セレクター”).prepend(“書き換え”)

p要素内の先頭に、”です”を太字で挿入します。
＜p＞見出し＜/p＞
jquery：
$(“p”).append(“＜strong＞です＜/strong＞”);
結果：
＜p＞見出し＜strong＞です＜/strong＞＜/p＞
　
　
指定した要素の前に追加する

$(“セレクター”).before(“書き換え”)

指定HTMLをp要素の前に追加
＜p＞こんにちは＜/p＞
jquery：
$(“p.text”).before(“＜h3＞Hello＜/h3＞”);

＜h3＞Hello＜/h3＞
＜p＞こんにちは＜/p＞
　
　
指定した要素の後に追加する

$(“セレクター”).after(“書き換え”)

指定HTMLをp要素の後に追加
＜p＞こんにちは＜/p＞
jquery：
$(“p”).after(“＜p＞Hello＜/p＞”);
結果：
＜p＞こんにちは＜/p＞
＜p＞Hello＜/p＞