默认值与实际值之间的切换

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/LzzMandy/article/details/83928681

1、默认显示如下样式：

<!-- 下：提示信息 -->
<div class="infotip" name="tip">正常运营，运力充足</div>

2、当数字<180时，样式变化，如图：

3、实现方式：

//注意：初始化时，就设置默认数字颜色和提示信息样式

var changeTip=function(){
    $("#font").css("color","#fff");//默认字体颜色
    $tip.removeClass("infotip_error").addClass("infotip"); //默认样式
    var data=$("#font").text();
    if(data<180){
        $("#font").css("color","#f66282"); //改变字体
        $tip.removeClass("infotip").addClass("infotip_error"); //改变样式
        $tip.text("正常运营，候车人数较多。");  //改变提示文字
    }
}