交错的颜色变化用一个简单的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
})
})