jquery 修改样式

最新推荐文章于 2025-11-24 03:12:01 发布

转载最新推荐文章于 2025-11-24 03:12:01 发布 · 114 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/GreenGrass/p/4775158.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的函数，该函数用于从指定URL获取数据，并根据返回的数字更新页面上特定元素的内容。如果数字小于等于99且大于0，则显示该数字；若数字为0，则隐藏元素；当数字超过99时，显示'99+'并改变颜色为蓝色。此函数适用于待办事项、通知等场景的动态展示。

//显示待办数字 function showdb(url,ID) { jQuery.get(url,function(data,status){ if(!isNaN(data)) { if(data<=99&data>0) { jQuery("#"+ID).css('display','block');//显示待办 jQuery("#"+ID).html(data);//可以替换成待办数字 } else if(data==0) { jQuery("#"+ID).css('display','none'); } else { jQuery("#"+ID).css('display','block');//显示待办 jQuery("#"+ID).html('99+'); jQuery("#"+ID).css('color','blue'); }

}else { jQuery("#"+ID).css('display','none');//隐藏待办为0的 }

});

}

转载于:https://www.cnblogs.com/GreenGrass/p/4775158.html