jquery实现隔行变色

Posted yingleiming

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery实现隔行变色相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery实现隔行变色</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        #dialog{
            width: 800px;
            margin:0 auto;
            padding:20px 0;
        }
        #dialog>ul li b{
            display: block;
            margin:40px 0;
        }
        #dialog>ul li span{
            padding: 10px;
            display: block;
        }
    </style>
</head>
<body>
    <div id="dialog">
        <ul>
            <li><b>一、办理条件:</b></li>
            <li><span>凡年满16周岁,在本市暂住时间拟超过1个月或拟在本市从事务工、经商等活动的外地来京人员,应申领《暂住证》。</span></li>
            <li><b>二、提交的材料:</b></li>
            <li><span>1.办证人居民身份证或原籍乡以上人民政府或公安机关出具的身份证明; </span></li>
            <li><span>2.暂住在本市居(农)户内的,应提交户主的户口簿或身份证原件(复印件),暂住在出租房内的,还应提交房屋合法出租手续或协议。证件地址与暂住地址不一致的,户(房)主应注明办证人实际居住的详细地址;</span></li>
            <li><span>3.暂住在机关、团体、部队、企事业单位和建筑工地内部需集体办证的,提交加盖单位公章的有流动人口姓名、性别、户籍所在地、暂住地详细地址、公民身份号码、服务处所、联系方式等基本情况的申领暂住证名册;</span></li>
            <li><span>4.本人近期一寸正面免冠黑白或彩色照片3张。</span></li>
            <li><b>三、办理程序:</b></li>
            <li><span>1.暂住在本市居(农)户内的,由办证人或户主,向暂住地派出所申办暂住证;</span></li>
            <li><span>2.暂住在出租(出借)房屋内的,由办证人或房主,向暂住地派出所申办暂住证;</span></li>
            <li><span>3.暂住在机关、团体、部队、企事业单位和建筑工地内的人员,由留住单位专职或兼职暂住人口户籍管理负责人到属地派出所集体申办暂住证。</span></li>
            <li><span>4.暂住在宾馆、饭店、招待所等旅馆业单位,应申领《暂住证》的人员,由店方向所在地派出所集体申办《暂住证》。</span></li>
            <li><b>四、办理时限:</b></li>
            <li><span>证件证明齐全、符合办理条件的,当场办理,发给证件。</span></li>
        </ul>
    </div>

<script src="js/jquery-3.2.1.min.js"></script>
<script>
    $(document).ready(function(){
//        使用Jquery的odd函数实现各行变色的效果
        $("#dialog ul li:odd").css("background-color","#f0f0ff");
    });
</script>



</body>
</html>

 

以上是关于jquery实现隔行变色的主要内容,如果未能解决你的问题,请参考以下文章

jQuery实现table隔行换色和鼠标经过变色

jQuery实现table隔行换色和鼠标经过变色

利用jQuery实现表格的隔行变色高亮显示

jQuery练习--[实现左移右移功能,实现列表动态新增,删除功能;实现表格隔行变色,选中时高亮显示.]

DataGrid 行变色

jQuery特效 隔行变色