Week 38 — JQuery筆記 | 如何用jquery動態改變css樣式

Max 麥克斯
May 1, 2022

--

用JQuery更新css樣式

語法結構:$("選擇器").css("屬性", "數值");

選擇器:要更新css樣式的選擇器
屬性:css的屬性
數值:此css的屬性所需要輸入的數值

【 範例(css改用sass寫) 】

→將顏色改成淺藍色
→方形改成圓形
→邊框的樣式改成虛線

後記:

近期因為開始想改變未來的工作方向,所以翻出了幾年前買的線上課程「動畫互動網頁程式入門 (HTML/CSS/JS)」,再重新開始學習,而這次選擇不先複習之前學的HTML/CSS,直接從JS開始,就從原本已經上完的40%繼續上下去

也上網爬文有上完這堂線上課程的人對它的評價:

當入門可以,但後續還是要靠自己去精進

其實我猶豫好久,到底要不要一頭栽下去,但想來想去,不行動也都是白想,所以就先從簡單有趣的地方開始吧,後續會如何就到時再看囉,總是要嘗試看看才知道喜不喜歡與適不適合

所幸之前大學有學一點程式,所以現在看到不至於很排斥(但大學很排斥就是了),這堂課都是直接用範例帶著做,好處是可以立即看到成果,但壞處就是不理解原理,有種點到為止而已的感覺,要自行再去Google,但其實這樣蠻適合我這種新手的,才不會一下看到一堆原理和程式碼被嚇到XDD

先把這次課堂學到的記錄起來當筆記用,就先這樣就好!

一次一小步,比較容易走得長遠

--

--

Max 麥克斯

UI設計師 | 相信閱讀 | 喜歡有溫度的文字 | 致力於介面設計 | 記錄自學設計的一隅