javascriptの内容を教えてください

質問

GridViewをクリック時に行／列の背景色を変えたく調べていたところ、
以下のサンプルページを見つけました。

「GridViewのMouseHoverで行/列をハイライトする」
画面イメージ
http://asp35.com/Samples/090306VB-2.aspx
コード
http://asp35.com/Samples/AjaxViewCode.aspx?file=090306VB-2.aspx

まさにやりたいことではあったのですが、まだ.net初心者の為
javascriptがまったく読めません。

63行目に　$('table.yui-datatable-theme tr td').hover(
とありますが、"yui-datatable-theme"とはgridviewのCss名のことと理解していいのでしょうか？

どなたかこのページのjavascriptにコメントを入れてもらえないでしょうか？
お願いします。

回答No.1

gungnir7 · ベストアンサー

だいたいそのイメージ通りで結構ですよ。
画面のイメージのソースを見てもらうと次の一文が見つかると思います。

<table class="yui-datatable-theme" cellspacing="0"　～

class名がyui_tadatable_themeということです。
WebデザイナにCSS名といきなり言うと会話不能になるかもしれません。
.Netの開発者同士ならニュアンスは通ると思います。

table.yui-datatable-theme tr tdとは
この順で並んでいる要素のみに適用されます。
項目であるthにカーソルを合わせても何もおこりませんね。
これをtable.yui-datatable-theme th とかすると thも反応するようになります。