iT邦幫忙

jquery相關文章
共有 223 則文章
鐵人賽 Modern Web DAY 30
淺談web 系列 第 30

技術 鐵人賽DAY30-jQuery

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

鐵人賽 自我挑戰組 DAY 22

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

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

鐵人賽 自我挑戰組 DAY 18

技術 Day18 jQuery+ajax接OpenData feat化妝師Bootstrap

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

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

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

鐵人賽 Modern Web DAY 5

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

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

技術 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?

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

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

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

鐵人賽 影片教學 DAY 29

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

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

鐵人賽 影片教學 DAY 28

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

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

鐵人賽 影片教學 DAY 27

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

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

鐵人賽 影片教學 DAY 26

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

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

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

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

鐵人賽 影片教學 DAY 14

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

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

鐵人賽 自我挑戰組 DAY 7
DevOps學習之旅 系列 第 7

技術 Day 7 Mock 系統頁面開發

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

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

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

技術 JQuery製作點擊Button出現Modal效果

在作專案的時候,大部分都是使用Bootstrap 這次就來使用JQuery製作點擊按鈕可彈出Youtube的影片 HTML class命名開頭有js的部分則是要...

技術 ajax + aspx(入門)-call page/function

如果input text有修改的話,就呼叫後端程式 1.引入jQuery <script src="https://code.jquery.co...

技術 使用JQuery設定Sticky Header

Stickyheader的HTML <header class="page-header"> <div class=&...

技術 JQuery設置欄位字數計算器

HTML設定顯示計算字數 <div class="container"> <div class="row&q...

技術 JQuery製作表單驗證Vaildation

使用Bootstrap框架,拉出HTML表單的皮 <div class="container"> <form>...

技術 JQuery製作Button點擊改變CSS及使用data綁定資料

1.點擊按鈕改變背景色及文字 HTML寫入Button <h3>點擊按鈕改變背景色及文字</h3> <div class=...

技術 JQuery製作Button滑入動畫

1.Hover改變字體大小及背景透明度 HTML中配置fadeBtn類別名稱按鈕 <a href="#" class="fa...