您好,欢迎访问一九零五行业门户网

使用简洁的jQuery方法实现隔行换色功能_jquery

今天用一种简洁的方法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)) ;
        })
    })
其它类似信息

推荐信息