【jQuery入門】タグの中身を操作するメソッドを使おう！ - プログラミング未経験者の学習日記

jQueryではタグの中身を操作するメソッドがありますのでいくつか見ていきましょう。

テキストの内容を設定、取得するメソッドです。例えばｐ要素のテキストの内容を書き換えたい場合は下記となります。

$('p').text('just changed');

引数の指定なしでテキストの内容を取得することができます。

console.log($('p').text());

htmlタグを含めた書き換えを行いたい場合はhtmlメソッドを使います。

$('p').html('<a href="">click me</a>');

下記のようなinputタグがあったとします。

<input type="text" value="hello">

valメソッドはvalue（部品の初期値）を取得、変更することができます。

console.log($('input').val());

$('input').val('Hello,wolrd');

要素をなくしたい場合に使用できます。

$('p').remove();

要素内の子要素(テキストも対象)を全て削除します。

$('p').empty();