〜第二回〜検索:jQueryでtableのセルをハイライトマウスカーソルが当たっているtableのtdに大してハイライト表示を行うjavascriptです。フォーカスしているtdはもちろんのこと、行(tr)や列に大してもハイライトします。今のところの問題点はIE6での動作が重いことです。IE6の場合は振り分けでスクリプトを無効にしたほうがよいかもしれません。連番」をつけていきます。今回thはハイライトしたくないので「not(‘th’)」で対象からはずします。});});列や行に対して設定するハイライトカラーを関数にします。関数にすることで結果敵にソースがシンプルになります。});};↓以下はフォーカスが当たった行(tr)からマウスがはずれた際の設定です。”」とすることでデフォルトの背景色(今回でいうと白)に戻します。これを入れないとマウスアウトしても行がハイライトしたままになってしまいます。'');});そして以下が今回のスクリプトのコアな部分です。変数selectorに.class名を格納します。連番」を取得する為です。イベントハンドラhoverにより、「カーソルが当たった」class名を持つtdに先ほど作成した関数を実行します。class名は列に対応しており、例えば一番左のtdに対してカーソルを当てた場合はclass名「item1」を持つ全てのtdの背景に色がつきます。「$(this).siblings().color();」は行に対して同様に背景色を設定しています。‘#ccc’);」で直接背景色を設定します。'#ccc');最後にマウスアウトした際の背景色をデフォルトの背景色に戻します。コメントをキャンセルメールアドレスが公開されることはありません。