作者laechan (挥泪斩马云)
看板mud_sanc
标题Re: [闲聊] jQuery
时间Tue Nov 20 19:56:13 2018
连两天完成两支公司的程式,刚好都有用到一些jQuery,不过
大多是为了避免重覆的 code 而写的,css 刚好也用到一点。
简单的说就是,以表格为例,今天我要用 for 去产生很多张表
格,每张表格我都希望它们有相同的样式:
<table>
<tr><th colspan=10>表格名称</th></tr>
<tr><td>xx1</td><td>xx2</td>......<td>xx10</td><tr>
.
.
</table>
这时可简单使用 jquery 去对 <th> 及 <td> 这两种栏位做统
一个 css 设定:
<script src="jquery.3.3.1.min.js"></script>
<script>
$("th").css({
"background-color":"gray",
"font-size":"20px",
});
$("td").css({
"font-size":"12px",
});
</script>
根据实作结果,会先出现一般的表格画面,然後才依据 css
的内容去调整表格文字的大小及底色。
因为样式写在 jQuery 区,修改起来就很简单,而且可依我
的需求方便加变化进去(例如增加 click 事件)。
今天完成的程式主要是做设备孔分析,并把分析的结果以画
表格的方式呈现,就是用表格模拟设备框架,再用表格内的
表格模拟每个槽位及每个孔位,类似底下:
┌────────┐ ┌────────┐ ┌────────┐
│ 设备A │ │ 设备B │ │ 设备C │
├┬┬┬┬┬┬┬┬┤ ├┬┬┬┬┬┬┬┬┤ ├┬┬┬┬┬┬┬┬┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤
│┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤ │┤┤┤┤┤┤┤┤┤
└┴┴┴┴┴┴┴┴┘ └┴┴┴┴┴┴┴┴┘ └┴┴┴┴┴┴┴┴┘
.
.
这时候,比方设备A的第三槽位、第三孔有故障,它就会将
那个孔的颜色显示为红色:
$("#A-3-3").css("background-color","red");
这样网页一打开,所有设备的所有槽孔哪里有问题,一目了
然,然後设个定时 refresh 即可。
公司的要求很简单,只要能用图像化的东西来呈现一些东西
的读取或分析结果,就可以了。
for 公司的 jQuery 就先暂时谈到这,以後若我会写更深的
东西时再来分享,再来要写 sanc 的 code 了。
最近的随机地图我打算後期也用 javascript 来跑,有写好
的话我会把 code 分享出来,用这个跑有个好处,就是code
可以跨平台,玩家在自己的电脑跑这个 code 就可以拿来应
徵新型态区域临时工。
PS、这部份应该不会用到 jQuery。
Laechan
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.117.106.224
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/mud_sanc/M.1542714976.A.622.html
※ 编辑: laechan (122.117.106.224), 11/20/2018 19:58:30