jQuery是一門前端程式語言,可以控制網頁上的元素節點的狀態、修改、變化等等,它是一門很深很廣的程式語言,但在WordPress中我們如果想結合jQuery來讓我們的頁面更加靈活有彈性,可以學一點點jQuery的「事件」來輔助,我想對想更客製化網頁而言有滿大的幫助!
就算不是工程師出身,但對jQuery只要先學習一些「事件」的控制,在Elementor中就滿可以應付多種情境了,不一定要學很深的jQuery。
CSS選擇器也要先熟一下,因為jQuery在控制網頁元素時,都必須先透過CSS的選擇器先去選中那個元素,然後再賦予它jQuery的程式碼來控制它。
賦予元素jQuery的程式碼可控制哪方面?例如
- 有條件的隱藏或出現;
- 更改裡面的字詞,如英文字改成中文詞,有局部翻譯的效果;
- 控制點擊後的瀏覽動線或轉址;
- 判斷是否登入來有條件切換元素或改變內容;
- 還很多可能性….
我這裡會把之前用過「很常用」的jQuery筆記慢慢整理出來,若因此引發你jQuery的興趣,可以再去閱讀更多jQuery的相關資料。
補充一下,使用jQeury,不會對整個WordPress的主題、外掛的原始碼產生破壞或修改,所以以後在更新主題或外掛後,jQuery所寫出來的效果幾乎是不會更主題外掛更新就失效。
其它進階網路參考資料