]")ver1.0〜※~はマイナスではなくチルダです。属性とはタグに記述される各種設定のことです。aタグであればhrefやtargetが属性となります。]内に指定した属性の値を「単語として持っている」要素が選択されます。]内には1つの属性しか記述できません。複数の属性を利用してください。単語として含むということ(1)サンプル(containsWord/01.html)を開いてcssの設定を確認してください。greenと4つのクラスが設定されています。続いてbody内の構成を確認して下さい。greenのclass属性から2つの値が設定されています。green">small<br>red</div><br>jQueryは以下の様に記述され、buttonをクリックするとclass属性にbigを持つ要素を選択します。cssメソッドを利用して背景色をピンクにします。$("button").click(function(){$("[class~='big']").css("background-color","#f99");});結果として、buttonをクリックすると上2つのdiv要素が選択され背景色がピンクになります。単語として含むということ(2)containsWord/01.htmlでは「単語として含む」の意味が変わりにくいので、もう1つサンプルを確認します。サンプル(containsWord/02.html)をbody内の構成を確認し、一番上のdiv要素に設定されclass属性の値が「big2」に変更されているのを確認してください。jQueryはcontainsWord/01.htmlから変更ありません。green">small<br>red</div><br>big2はbigと異なる単語になります。そのためbuttonをクリックしてもbig2のclass属性をもつ一番上のdiv要素は選択されず、背景色は変わりません。[属性名*="値"]を利用し、bigを含む要素を選択するようにします。[属性名*="値"]を利用してください。[属性名="値"]と混同しやすいので注意しましょう。[属性名="値"]では属性の値が完全一致した要素しか選択されません。サンプル(containsWord/test01.html)を開いて、body内の構成がcontainsWord/01.htmlと同じことを確認して下さい。$("button").click(function(){$("[id='big']").css("background-color","#f99");});この設定ではclass属性がbigだけ(完全一致)の場合しか選択されないため、どのdiv要素も選択されません。サンプル(containsWord/test02.html)を開いてjQueryはcontainsWord/test01.htmlから変更がないことを確認して下さい。body内は変更され、以下の様にclass属性にbigしか設定されていないdivが1つ追加されています。[属性名="値"]で選択することができます。