交错的颜色变化用一个简单的jQuery方法toggleclass

今天,交错的颜色变化是一个简单的方法toggleclass实施()的代码如下:






交错的颜色


主体,表,TD,{
字体:Arial,Helvetica,sans-serif;
字体大小:12px;
}
{。H
背景:# f3f3f3;
Color:#000;
}
{ C。
背景:# ebebeb;
颜色:# 000;
}









Blue-maple front
蓝色枫面前



蓝色枫面前
蓝色枫面前



蓝色枫面前
蓝色枫面前



蓝色枫面前
蓝色枫面前



蓝色枫面前
蓝色枫面前



蓝色枫面前
蓝色枫面前



蓝色枫面前
蓝色枫面前










第一种更复杂的方法:




$(函数())
{
$(#表TR)。Hover(function())
{
$(这)。AddClass(H);
}函数()
{
$(这)。RemoveClass(H);
})
$(输入)。Click(函数())
{
如果($(this)。Attr(检查))
{
$(这)。最近(TR)。AddClass(C);
}
其他的
{
$(这)。最近(TR)。RemoveClass(C);
}
})
})


第二简单方法:

ToggleClass()开关的一个或多个类设置或删除选中的元素。

此方法检查每个元素中指定的类。如果不存在,则添加一个类,如果已经设置,则删除它。这就是所谓的切换效应。

但是,通过使用开关参数,您可以指定只删除或只添加一个类。


$(函数(){())
$(#表TR)。Hover(function(){)
$(这)。ToggleClass(H);
})

$(输入)。Click(函数(){)
var = $(this);
D.closest(TR)。ToggleClass(C
})
})