jQuery HTML 操作

  • 前のページ
  • 次のページ

jQueryにはHTMLを変更および操作するための強力な関数がたくさん含まれています。

HTML コンテンツを変更する

構文

$(selector).html(content)

html() 関数は一致する HTML 要素の内容（innerHTML）を変更します。

例

$("p").html("W3School");

実際に試してみる

HTML コンテンツを追加する

構文

$(selector).append(content)

append() 関数は一致する HTML 要素の内部に追加内容を追加します。

構文

$(selector).prepend(content)

prepend() 関数は一致する HTML 要素の内部に「プレセット」（Prepend）内容を追加します。

例

$("p").append(" CodeW3C.com");

実際に試してみる

構文

$(selector).after(content)

after() 関数はすべての一致する要素の後に HTML コンテンツを挿入します。

構文

$(selector).before(content)

before() 関数はすべての一致する要素の前に HTML コンテンツを挿入します。

例

$("p").after(" CodeW3C.com.");

実際に試してみる

jQuery HTML 操作 - このページから

関数 説明
$(selector).html(content) 選択された要素の（内部）HTMLを変更する
$(selector).append(content) 選択された要素の（内部）HTMLに追加内容を追加する
$(selector).prepend(content) 選択された要素の（内部）HTMLに「プレセット」（Prepend）内容を追加する
$(selector).after(content) 選択された要素の後に HTML を追加する
$(selector).before(content) 選択された要素の前に HTML を追加する

完全なリファレンスマニュアルが必要な場合は、私たちの jQuery HTML 操作リファレンスマニュアル。

  • 前のページ
  • 次のページ