jQueryのval、text、htmlメソッド

[jQuery公式ドキュメント参照]
1. .val()メソッド
(1).val()
パラメータなし
return:string/number/array
すべての一致する要素の最初の要素の値を取得し、主にフォームのinput、select、textareaラベルの値を取得します.
の場合、このメソッドはすべての選択された値を含む配列を返し、選択されていない場合nullを返します.selectラベルselectedアイテム、checkboxラベル/radioラベルのcheckedアイテムの場合$('select.foo option:selected').val(); $('input:checkbox:checked').val(); $('input:radio[name=bar]:checked').val(); (2).val( value ) value:string/array return:jQuery 一致するすべての要素の値を設定します.エレメントにselected/checkedプロパティがある場合、value=オプション値のアイテムはselected/checkedになります.(3).val( function(index, value) ) 2. .html()メソッド(1).html() パラメータなしreturn:string 一致するすべての要素の最初の要素のhtml値を取得します.xmlには適用されません.この方法はブラウザのinnerHTML属性を使用しているため,ブラウザの互換性に問題がある.(2).html( htmlString ) htmlString:html string return:jQuery htmlコードであるすべての一致する要素の値を設定します.(3).html( function(index, oldhtml) ) 3. .text()メソッド(1).text() パラメータなしreturn:string 一致するすべての要素の値を取得します.このメソッドは、フォーム内のラベルまたはページ内のスクリプト/コードには使用できません.(2).text( textString ) textString:string return:string 一致するすべての要素の値を設定します.このメソッドは、フォームのラベル、ページのスクリプト/コード、xmlには使用できません.(3).text( function(index, text) ) 4.インスタンス<div class="demo-container"> <div class="demo-box">Demonstration Box</div> <ul> <li>list item 1</li>         <li>list <strong>item</strong> 2</li>     </ul> </div> $('div.demo-container').text()はDemonstration Box list item 1 list item 2を返します<div class="demo-container"> <div class="demo-box">Demonstration Box</div> </div> $('div.demo-container').html();Demonstration Boxを返します.$('div.demo-container').text();Demonstration Boxに戻る