html()
html()はHTML要素の取得、変更が可能なメソッドです。
たとえば次のようなHTMLがあったとします。
<div class="demo-container">
<div class="demo-box">Demonstration Box</div>
</div>
次のメソッドを実行すると
$('div.demo-container').html();
以下のような文字列を返します。
<div class="demo-box">Demonstration Box</div>
引数にHTML文字列を指定することでセレクタで指定したHTMLの中身を書き換えます。
たとえば、次のようなスクリプトを実行すると
$('div.demo-container').html("<p>fooo</p>");
HTMLは以下のように変換されます。
<div class="demo-container">
<p>fooo</p>
</div>
jQuery1.4より引数に関数オブジェクトを指定することが可能になりました。以下のスクリプトを実行すると
$('div.demo-container').html(function() {
var emph = '<em>' + $('p').length + ' paragraphs!</em>';
return '<p>All new content for ' + emph + '</p>';
});
HTMLは以下のように変換されます。
<div class="demo-container">
<p>All new content for <em>1 paragraphs!</em></p>
</div>
jQuery 1.0.0での追加/変更html()はjQuery 1.0で定義されたメソッドです。
jQuery 1.4.0での追加/変更jQuery 1.4より引数に関数を指定することが可能になりました。
参考URL
.html() | jQuery API Documentation
登録日 : 2013年06月28日 最終更新日 : 2013年6月28日