iT邦幫忙

jquery相關文章
共有 231 則文章

技術 [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 學習紀錄(2)

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

技術 JQuery 學習紀錄(1)

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

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

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

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

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

鐵人賽 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沒告訴我們的是為什麼要用這個元件? 或者什麼時候用這個元件?更或者怎樣使...