使用jQuery + CSS animation 關鍵影格@keyframes，定義設定動畫漸變，達到按鈕hover後背景從中間展開，擴展到填充整個背景按鈕效果。 開始前先將HTML <button> 先寫好，class為elementor-button ，並再多加入四個同樣的<button>在後面，分別給這四個class加入不同顏色名稱green 、blue、red、orange。 <button class="elementor-button"> Effect...
jQuery validate.js 台灣手機格式號碼表單驗證
jQuery validate.js 是一個方便用於表單驗證的jQuery plugin，透過它你可以簡單且完整的處理表單驗證的問題，但在電話號碼處理上，他並沒有提供太完整的過濾函數，在官方網站只有說明提供了phoneUS –驗證有效的美國電話號碼，但其他國家號碼沒有相對的函數提供。 表達式Regular Expression 其實要做到台灣手機號碼的格式認證，要先對於台灣手機格式的了解： 台灣的手機號碼目前基本上都符合一定的格式，那就是總共十碼，前兩碼是09 一共有 10 位數 開頭要是 09 每一個字元都要是數字...
JavaScript分割split()方法逗號分隔修剪多餘的空格
如下需要拆分一個關鍵字字符串並將其轉換為逗號分隔，但是要如何去除多餘的空格使用逗號分隔。 var keywordString = "ford tempo, with,,, sunroof"; 輸出 ford,tempo,with,sunroof split()方法 在ES6中可以應用split()拆分，加上map()與trim()將空格去除。 var temp = str.split(",").map((item)=>item.trim()); 也可使用匹配的filter方式：...
jQuery在click()和on()之間有什麼區別
click()事件僅在元素被渲染時起作用，並且僅在DOM準備就緒時才附加到加載的元素上。 on()事件是動態附加到DOM元素的，這對將事件附加到在ajax請求，或其他情況下呈現的DOM元素（在DOM準備就緒後）很有用。 DEMO GET按鈕動態載入了<li>元素，在這樣比較兩個不同情況： list-on()：動態產生的資料，使用on()事件點擊產生出來的<li>元素，並可以成功觸發alert出來<li>元素內的文字。...
程式語言英文常用之符號與詞彙中文對照表
『程式語言符號與詞彙中英文對照』最主要的參考資料來源是Sololearn這個平台，而Sololearn裡面的教學內容是用英文講解，因此可以學習原文表示程式碼、表達程式邏輯的方式，當然也包含了許多常見符號、詞彙和運算子，是個不錯的教學平台，在Play商店上也有應用程式可供下載，而且App版本還可以跟其他玩家對戰喔！ 程式語言常用符號-中英文對照 符號 中文 長相 英文 小數點 . decimal point 點 . dot (ex:www**.**blogger**.**com) 逗號 , comma 分號 ; semicolon...
JavaScript中的正數轉換成負數？
使用abs()總是正數 abs() 函數返回一個數的絕對值。返回參數x的絕對值。如果參數x是float，則返回的類型也是float，否則返回integer（因為float通常比integer有更大的取值範圍）。 Math.abs(num) abs()的反向總是負數 -Math.abs(num) /*------or-------/* Math.abs(num) * -1 Demo See the Pen Positive Number to Negative Number in JavaScript? by Leon Cheng...
如何在hooks的元素使用useRef()數組多個multiple refs？
react提出一種Refs概念，使用這個方法，我們就可以抓取到react裡面的DOM元素，那hooks該如何使用Refs呢？ ## useRef 語法 const refContainer = useRef(initialValue); ` useRef返回一個可變的ref對象，其.current屬性被初始化為傳遞的參數（initialValue）。返回的對象將存留在整個組件的生命週期中。 從本質上講，useRef就像一個“盒子”，可以在其.current財產中保持一個可變的價值。...
如何在jQuery中獲取checkbox value
要獲取Value屬性的值，您可以執行以下操作： $("input[type='checkbox']").val(); 或者，如果您為其設置了class或id，則可以： $('#check_id').val(); $('.check_class').val(); 但是，無論是否選中，它都會返回相同的值，這可能會造成混淆，因為它不同是使用於提交表單行為。 檢查是否已checked 要檢查是否已checked，請執行以下操作： if ($('#check_id').is(":checked")) { // it is checked }...