本文实例讲述了jquery 遍历hash操作。分享给大家供大家参考,具体如下:
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>运维平台</title> <style type="text/css"> *{margin: 0; padding: 0;} body{font-size: 20px; color: #333;} h1{position: relative; height: 100px; line-height: 100px; margin: 0; background: #555; color: #f2f2f2; font-size: 25px; text-align: center;} ul,ol,li{list-style-type: none;} #list{ margin: 0 auto; padding-top: 4px; } #list ul{ display: flex; flex-wrap: wrap; margin-top: 30px; } /*+设置框框大小 */ #list li{ flex: 1; min-width: 100px; min-height: 50px; margin: 2px 4px; padding: 5px 10px; border: 1px solid #eee; } #list .name{ font-weight: bold; font-size: 20px; } #list .red{ color: #fff; font-weight: bold; background: #f00; background: rgba(255,0,0,.8); } #list .red p span{ color: #fff; } #list .yellow{ font-weight: bold; background: #ff0; background: rgba(255,255,0,.8); } #list .green{ background: #0f0; background: rgba(0,255,0,.8); } #list .died{ background: #666; background: rgba(162,162,162,.8); color: #fff; } #list p{ padding-top: 3px; } #list p span{ color: #f00; font-weight: bold; } .time{ position: absolute; top: 0px; right: 20px; color: #fff; font-size: 25px; } </style> </head> <body> <h1>泰隆银行DB运行监控/60s<span class="time"></span></h1> <ul id="list"></ul> <!-- <script src="/UploadFiles/2021-04-02/jquery.min.js">更多关于jQuery相关内容可查看本站专题:《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
标签:
jquery,遍历hash
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“jquery 遍历hash操作示例【基于ajax交互】”评论...
更新动态
2024年11月15日
2024年11月15日
- 第五街的士高《印度激情版》3CD [WAV+CUE][2.4G]
- 三国志8重制版哪个武将智力高 三国志8重制版智力武将排行一览
- 三国志8重制版哪个武将好 三国志8重制版武将排行一览
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路:年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减:亲亲环节没了!
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]
- 永恒英文金曲精选4《TheBestOfEverlastingFavouritesVol.4》[WAV+CUE]
- 群星《国风超有戏 第9期》[320K/MP3][13.63MB]
- 群星《国风超有戏 第9期》[FLAC/分轨][72.56MB]