Re: [閒聊] jQuery

看板mud_sanc (Sanctuary - 聖殿)作者laechan (揮淚斬馬雲)時間7年前 (2018/11/20 19:56)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串2/4 (看更多)

連兩天完成兩支公司的程式，剛好都有用到一些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-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://www.ptt.cc/bbs/mud_sanc/M.1542714976.A.622.html ※ 編輯: laechan (122.117.106.224), 11/20/2018 19:58:30