技術 [jQuery] 使用jQuery對 select 取得多個項目的 val 和 text

select 下拉式選單可以是單選也可以是多選， jQuery 在取其值時單選比較好處理，這裡對多選的下拉選單如何取值並加以處理做一個範例。 這裡使用 List...

技術 JQuery 學習紀錄 ( 5 )

創建節點 js創建節點方法 // var box = document.getElementById('box');...

技術 JQuery 學習紀錄 ( 4 )

show與hide動畫 show不傳參數,會沒有動畫效果。 show傳參數,會有動畫效果。 參數為speed:動畫持續時間,可以是毫秒值(200ms),或固定字...

技術 JQuery 學習紀錄(3)

CSS樣式 DOM改變樣式，可利用className，改變類樣式 or style 行內樣式，一般來說，style不用擔心權重問題，而className會要擔心...

技術 JQuery 學習紀錄(２)

JQ基本選擇器 jq如何設置樣式 css(name,value) name:樣式名 value:樣式值 id選擇器 ('#id') $('#three').cs...

技術 JQuery 學習紀錄(1)

各位好，小弟為前端初學者，最近剛學完JQuery的一些基礎，想要將自己所理解的知識，轉化為文章 分享出來，以日後忘記時，還能在文章中查找，釐清自己當時的想法，而...

技術 【前端自學之路】如何開始?

大家好!我是Steven，現在是一位下班時用閒暇時間自學前端技術的上班族，今天想分享一些我在學習過程中所領悟到的事，並且分享給你們，首先今天想聊聊如何開啟前端自...

徵才 《大數據智能服務》高級/資深前端開發工程師 (Front-end Developer) 代招

各位資訊界的能人大家好，以下職缺如有意願者或有朋友可介紹，歡迎聯繫我~ ★【公司主力發展為全台過半數AI智能客服專案】★ mail：lisay@jbjob.co...

技術 鐵人賽DAY30-jQuery

一、何謂jQuery jQuery是一種能夠跨越瀏覽器中JavaScript的程式庫，在2006年由John Resig所提出，是目前全球前10000個存取最高...

鴻勳 ‧ 2019-10-16 ‧團隊紅蟳當兵等他開賽

技術 Day22 閒不下來的史萊姆(三)：scroll down按鈕實作

本文同步發表於斜槓女紙部落格：Day22 閒不下來的史萊姆(三)：scroll down按鈕實作 平順滑動到指定的位置 相信大家應該有使用過HTML錨點(...

鍾小呆 ‧ 2019-10-07

技術 Day18 jQuery ajax 接 OpenData feat Bootstrap

今天算是番外篇，看到邦友-八八這篇文章開始串資料：電動機車充電站，就想結合一下之前學到的 jQuery ajax 接 OpenData，搭配 Bootstrap...

sean666 ‧ 2019-10-04

徵才 【皆凱科技】誠徵 前端工程師(Frontend Developer)

我們正在尋找一群對Web應用開發有熱情的夥伴，你開發的產品將被大量的客戶使用，並且獲得許多回饋。你會從了解現有產品開始，直到參與需求討論、架構設計、軟體開發、測...

技術 05. [CSS] 元素選取器是如何運作的？

在前端工程師的日常中，使用元素選取器是稀鬆平常的事情；無論你是撰寫一般的 CSS，或是需要過編譯的 SASS、SCSS、LESS，最終都仍會被編譯成一行一行的...

Gary ‧ 2019-09-21 ‧團隊Wow Doge!

技術 JS-上傳圖片前預覽圖片

1.以change事件來觸發 2.一開始將上傳的檔案轉換為base64字串，Base64是一種基於64個可列印字元來表示二進位資料的表示方法。(參考) 2.建立...

技術 [筆記,表單,假資料]在空白表單中隨機填入亂數資料方便測試

如標題，小弟在測試表單功能時會需要填入假資料來做測試，但欄位一多在填入就很麻煩討厭... 印象中以前chrome有相似的套件，現在的套件試了幾個不太會用XD 基...

技術 [筆記,jQuery]還原已被序列化的表單

有時會需要將表單序列化存起來或做其他用途，也有時會需要把之前存起來的還原到表單上，不過js/jquery沒有內建的把表單反序列化回去，自行DIY也有些麻煩，網路...

技術 筆記--javascript-windows.onload v.s. jQuery-$(document).ready()

windows.onload VS $(document).ready() windows.onload會等到網站所有的內容全部下載完成，包刮CSS、圖片等全部...

技術 什麼叫Jquery?

什麼叫Jquery?

活動 什麼叫Jquery?

Hi 什麼叫Jquery? Thanks https://ithelp.ithome.com.tw/upload/images/20190228/2011476...

技術 【JS】-Closest、Find、Parent 跨界找元素-菜鳥筆記(1)

說認真跨界找元素，對我來說一直都很陌生 什麼父節點、子節點的 parent()、parents(); closest() 往上查找 只要找到符合條件的 就停...

技術 金魚都能懂網頁設計入門 : JQuery動畫(鐵人賽第二十九天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 影片中提到的動畫類型有哪些 動畫的原理是利用什麼原理 如何利用一個...

CSScoke ‧ 2018-11-13 ‧團隊阿莫斯の推坑教

技術 金魚都能懂網頁設計入門 : JQuery CSS控制(鐵人賽第二十八天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 我們可以利用CSS來做些甚麼 CSS可樂的網站/頻道/訂閱 CS...

CSScoke ‧ 2018-11-12 ‧團隊阿莫斯の推坑教

技術 金魚都能懂網頁設計入門 : JQuery事件(鐵人賽第二十七天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 事件是甚麼 為何我們需要知道事件 JQuery中有多少種事件 選取...

CSScoke ‧ 2018-11-11 ‧團隊阿莫斯の推坑教

技術 金魚都能懂網頁設計入門 : JQuery入門(鐵人賽第二十六天)

教學影片 不要錯過 CSS coke 的影片 快按此訂閱CSS coke的頻道 重點回顧 什麼是DOM JQuery的好處 使用JQ的起手式 追蹤 Amo...

CSScoke ‧ 2018-11-10 ‧團隊阿莫斯の推坑教

技術 前端User Friendly設計開發part 2：<select-option>的一些眉眉角角

所有的HTML元件的使用方式，大多可以由Ｗ3school習得 ; 但是，Ｗ3school沒告訴我們的是為什麼要用這個元件？ 或者什麼時候用這個元件？更或者怎樣使...

技術 Web前端整合 (2/2)

[Day 14] Web前端整合 3.2：HTML5 (HTML 5 + CSS 3 + JavaScript + APIs) (27min + 8min)...

drm ‧ 2018-10-27

技術 風味沙拉 - 天然 CSS 過場佐 jQuery 動畫

Alex ‧ 2018-10-24 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 開胃餐點 - 中式資料綁定佐無毒 jQuery 畫面處理

Alex ‧ 2018-10-18 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Day 7 Mock 系統頁面開發

簡介 上一篇介紹 API 測試程式，還缺少頁面程式，和測試程式，基本上這邊會等前端把頁面寫好，才會交由後端來串接，這個專案是一個簡單的專案，實作最基本的頁面程式...

pellok ‧ 2018-10-08

技術 前端User Friendly設計開發part 1：checkbox

所有的HTML元件的使用方式，大多可以由w3school習得 ; 但是，w3school沒告訴我們的是為什麼要用這個元件？ 或者什麼時候用這個元件？更或者怎樣使...