■間接セレクター

　特定のセレクターの後に出現する要素を指定できるのが「間接セレクター」です。セレクターと要素を ~(チルダ)で結びます。

▼サンプルコード（HTML部分）

<ul>
    <li id=
                  "first">テキストテキストテキストテキストテキスト</li>
    <li id=
                  "second">テキストテキストテキストテキストテキスト</li>
    <li id=
                  "third">テキストテキストテキストテキストテキスト</li>
    <li id=
                  "fourth">テキストテキストテキストテキストテキスト</li>
</ul>



              

▼サンプルコード（スクリプト部分）

$(function(){
    $("#second ~ li").css("color","red");
})



              

▼実行結果（実際のWebページ）

　id属性にsecondが付けられた要素の後ろに登場するli要素、つまり3行目以降のli要素が赤色になります。ただし、本記事執筆時点（2009年7月）ではFirefox3で正常に動作しないようです。