)ver1.2〜機能jQueryオブジェクトで指定した要素の子要素全体(テキストノードも含む)を選択します。childrenメソッドも利用できますが、テキストノードを選択できるのはcontentsメソッドだけなので、テキストノードを選択したい時に利用しましょう。選択しますサンプル(contents/01.html)を開いてul要素内にli要素が5つ(3番目のli要素にはtestのクラス属性が付いています)あることを確認して下さい。5</li></ul>jQueryは以下の様に記述され、buttonをクリックするとtestのクラス属性がついたli要素を選択し、contentsメソッドによって子要素全体を取得します。wrapメソッドによってbタグで囲みます。$("button").click(function(){$("li.test").contents().wrap("<b/>");})結果としてbuttonをクリックすると3番目のli要素の文字が太字になります。関連項目childrenメソッドは機能が似ていますが、テキストノードを選択する事はできません(メモにサンプルがあります)。:contains()という名前の似たものがありますが、これは特定のテキストをもつ要素を選択します。childrenメソッドはテキストノードを選択できません。サンプル(contents/test01.html)を開いてbody内の構成がcontents/01.htmlと同じ事を確認してください。jQueryは以下の様にcontentsメソッドの代わりにchildrenメソッドを利用してるだけです。$("button").click(function(){$("li.test").children().wrap("<b/>");})結果としてbuttonをクリックしても3番目のli要素は太字になりません。一応、機能するサンプルも作成しました。サンプル(contents/test01b.html)を開いてbody内を確認し、3番目のli要素内にspan要素が追加されていることを確認してください。5</li></ul>このように子要素があればchildrenメソッドでも選択できるため、buttonをクリックすると3番目のli要素が太字になります。