yzx99

导航

 

jQuery学习笔记:
$(document).ready
(
 function ()
 {
  $("#TestTable tr:first").hover
  (
   function ()
   {
    $(this).addClass("blue");
   },
   function()
   {
    $(this).removeClass("blue");
   }
  );
 }
);
让网格最后一行移入时兰色,移出时恢复原来的。

知识点:
选择器的另一种形式::last,选最后一个。与last对应的,还有first,lt(n)(小于n行,不包括n,从0行开始算),gt(n)(大于n行,不包括n,从0行开始算),nth(n)(第n行,从0行开始算),eq(n)(第n行,从0行开始算),even(偶数行),odd(奇数行)。

不只对网格行进行处理,对其它元素也可以,如两个链接,如下代码:
  $("a:last").addClass("red");
把后一个链接的颜色改为红色。

对hover事件的处理,要输入两个参数,一个进入的处理函数,一个移出的处理函数

当前操作的对象可以用$(this)来表示

移除样式,removeClass。由于class属性允许这样写 class="cls1 cls2",即几个样式名一起写,中间用空格分隔,因此addClass也是可以这样写,removeClass也可以。写的顺序没有要求。
   function ()
   {
    $(this).addClass("blue bggreen");
   },
   function()
   {
    $(this).removeClass("bggreen blue");
   }

posted on 2008-07-31 16:29  yzx99  阅读(130)  评论(0编辑  收藏  举报