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