引数を設定しなかった場合は、jQueryオブジェクトで指定した要素のhtmlコンテンツを取得します。引数を設定した場合は、jQueryオブジェクトで指定した要素にhtmlコンテンツを設定します。ver1.4からは引数にfunctionを指定することも可能で、条件によって設定するhtmlコンテンツを変更するなど高度な処理にも対応できます。解説htmlコンテンツを取得しますここでいうhtmlコンテンツとはタグを含むテキスト情報です。サンプル(html/01.html)を開いてbody内の構成が以下のように、p要素内にb要素を含むテキスト情報があることを確認してください。<p><b>段落</b>の内容</p>jQueryは以下の様に記述され、buttonをクリックするとhtmlメソッドによってp要素内のhtmlコンテンツ(タグを含むテキスト情報)を取得しアラートで表示します。$("p").html();alert(str);})結果として、buttonをクリックするとp要素内のhtmlコンテンツ「<b>段落</b>の内容」がアラートで表示されます。textメソッドを利用してください。→参考:textメソッドのサンプル(text/02.html)複数のhtmlコンテンツをまとめて取得することはできませんtextメソッドは複数の要素からまとめてテキスト情報を取得できますが、htmlメソッドはできません。サンプル(html/02.html)を開いてbody内にp要素が3つあることを確認してください。<p><b>第1段落</b></p><p><i>第2段落</i></p><p><u>第3段落</u></p>jQueryはhtml/01.htmlから変更有りません。buttonをクリックするとアラートで「<b>第1段落</b>」としか表示されず、最初のp要素の情報しか取得できません。htmlメソッドで各要素ごとに情報を取得したい場合はページ下部の「メモ」を参照してください。mapメソッドを利用することで対応できます。引数にhtmlコンテンツを設定することで、jQueryオブジェクトで指定した要素に設定することができます。サンプル(html/03.html)を開いてbody内に空のp要素が1つあることを確認してください。<p></p>jQueryは以下の様に記述され、buttonをクリックするとp要素のhtmlコンテンツとして「"<b>段落</b>の内容」を設定します。$("p").html("<b>段落</b>の内容");})結果として、buttonをクリックするとp要素に「段落の内容」とテキストが表示され、b要素のため「段落」の部分が太字になります。引数にfunctionを設定サンプル(html/04.html)を開いてbody内にp要素が3つあることを確認して下さい。<p></p><p></p><p></p>jQueryは以下の様に記述されhtmlメソッドの引数にfunctionの「htmlFunc」が設定されています。$("p").html(htmlFunc);})htmlメソッドの引数に設定するFunctionは以下の様な構文になっています。2つの引数(インデックス番号,現在のhtmlコンテンツ)を受け取ります。これらの引数の値は{}内の処理で利用することができます。任意の処理の後で設定したいhtmlコンテンツをreturnで返すようにします。設定したいhtmlコンテンツ;}サンプルhtml/04.htmlで利用したhtmlFuncは以下の様になっており、index番号に応じてhtmlコンテンツを設定します。"<u>第3段落</u>";}結果として、buttonをクリックするとp要素に上から順に、太字で「第1段落」、斜体で「第2段落」、下線が引かれた「第3段落」と表示します。textメソッドを利用します。getメソッドを利用すると、複数の要素から取得したhtmlコンテンツを配列にすることができます。mapメソッドのページで確認してください。→参考:mapメソッドを利用して配列を得るサンプル(html/test01.html)内容を書き換えるのではなく追加したい時はhtmlメソッドは、すでにコンテンツがある場合は内容を書き換えます。サンプル(html/test02.html)を開いてbody内に以下の様なp要素があることを確認してください。<p>処理前</p>jQueryは以下の様に記述され、buttonをクリックするとp要素の内容を引数で指定した内容に書き換えます。$("button").click(function(){$("p").html("<b>処理後</b>");})結果としてbuttonをクリックするとp要素の内容が書き換えられます。prependメソッドを利用してください。appendメソッドを利用すれば「後に追加」します。→サンプル(html/test02b.html)prependメソッドを利用すれば「前に追加」します。