jQuery实现网页考试答题

1、新建html文档。

2、书写hmtl代码。<div class="container">    <div class="row clearfix" id="testArea">    </div></div>

3、书写css代码。<style>    .testCon{padding: 5px 15px;}    h4.tesTitle{color: #00B895;}    .test-form-box{max-height: 660px;overflow: auto;}    .assignment{margin: 30px 0 60px;text-align: center;}    .assignment .btn{background: #00B895;width: 120px;font-size: 18px;border-color: #00B895;}    #testForm .testCon:nth-child(odd){background: #eee;}    label{font-weight: normal;}    .jxz-title{text-align: justify;}    .topic-answer{display: none;}</style>

4、书写并添加js代码。<script src="js/jquery.min.js"></script><script src="js/test.js"></script>

5、代码整体结构。

6、查看效果。