JQuery实现Android底部按钮自动更新

JQuery实现Android底部按钮自动更新

前几天学了一下JQuery相关的知识，我发现很多东西当时看语法知识的时候有印象，可是过后没多久就记不太清楚了，所以我想还是做一点儿东西来实践一下吧~，于是我想起了前段时间写的一个混合开发的demo，里面的h5部分都是用基础的js来写的，我何不如先用JQuery把这个小demo改一下，巩固一下学习的知识呢！
没有看过上一遍文章的小伙伴，可以先简单的看一下，今天的这篇文章我只是讲h5相关的优化部分，关于原生和h5的js交互方法我就不再讲了，原文链接：http://blog.csdn.net/zhimingshangyan/article/details/52767939
运行的效果截图以及采取的容错措施，我都不再重复讲解了，上面的文章中都有详细的说明。

一、 页面布局

页面布局相对于上一个版本有了一些简化，当然CSS相关的代码并没有变化，只是对每个控件的属性定义进行了精简，源码如下：

<div>
    <label id="one">
        <input type="radio" name="tabBtn" checked>
        <img>
        <p style="color: #f00;"></p>
    </label>
    <label id="two">
        <input type="radio" name="tabBtn">
        <img>
        <p></p>
    </label>
    <label id="three">
        <input type="radio" name="tabBtn">
        <img>
        <p></p>
    </label>
    <label id="four">
        <input