jQuery学习笔记 04

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");

}