指定したインデックス番号にマッチする要素を選択します。マッチした要素内で取得したい要素の「0」始まりのインデックス番号を指定します。指定したインデックス番号にマッチする要素を選択します。マッチした要素内にて、最後の要素から反対にカウントして、取得したい要素を0始まりのインデックス番号で指定します。受け入れていませんでした。:odd)は、マッチする要素を更に絞り込みます。これらのセレクタは0始まりの番号を指定します。適用できるインデックス番号は0~3になります。javaScriptのArrayが0始まりなのに関連して、$('.myclass:eq(1)')は1つ目の要素ではなく2つ目の要素が選択されます。それに対して、:nth-child(n)はCSSに従って1始まりになります。.eq(index)メソッドとは違い、:eq(index)セレクタはマイナスの値を指定することが出来ません。$('li').eq(-1)と指定すると最後のLI要素が選択されますが、$('li:eq(-1)')は何も選択しません。:eq()はjQueryが独自に拡張した仕組みでCSSには存在しない概念です。そのため、querySelectorAll()によって提供されるパフォーマンスを享受することが出来ません。それに対して$("your-pure-css-selector").eq(index)を適用してください。デモ3つ目のTD要素を選択して、フォントカラーを赤に変更しています。"red");</script></body></html>:eq()は一つだけしか要素をマッチしません。それに対してnth-child()を各要素にマッチします。下記のようにループ処理を利用すれば、各要素にマッチさせることが可能です。:eq(1)に該当するLI要素を一つだけ、背景色を黄色に変更しています。:eq(1)に該当するLI要素を、それぞれフォントスタイルを斜体に変更しています。li:nth-child(2)に該当するそれぞれの要素のフォント色を赤に変更しています。2を最後から2番目を指定して、classを追加しています。