今天用一种简洁的方法toggleclass()实现了隔行换色:代码如下:
复制代码 代码如下:
隔行换色
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
脚本之家
第一种比较复杂的方法:
复制代码 代码如下:
$(function()
{
$(#table tr).hover(function()
{
$(this).addclass(h);
},function()
{
$(this).removeclass(h);
})
$(input).click(function()
{
if($(this).attr(checked))
{
$(this).closest(tr).addclass(c);
}
else
{
$(this).closest(tr).removeclass(c);
}
})
})
第二种比较简单的方法:toggleclass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
不过,通过使用 switch 参数,您能够规定只删除或只添加类。
复制代码 代码如下:
$(function(){
$(#table tr).hover(function(){
$(this).toggleclass(h);
})
$(input).click(function(){
var d = $(this);
d.closest('tr').toggleclass(c,d.attr(checked)) ;
})
})