iT邦幫忙

jquery相關文章
共有 326 則文章

技術 【六角學院-限時優惠推薦】HTML+CSS+jQ 線上影音課程

大家好,我是洧杰,曾經參加過兩次的 IT鐵人邦比賽, 我在三月創立了六角學院,提供的服務是線上影音前端教學,每週三晚上我們也會提供線上問答解決學生實務上遇到的問...

鐵人賽 自我挑戰組 DAY 7

技術 【Day7】ChatGPT請教教我:網頁入門 - jQuery

jQuery是一個2006年推出的JS函式庫三大框架盛行的至今,到了2023年還是有許多台灣的企業還在使用jQuery以初學網頁的角度,我個人認同jQuery是...

技術 JQuery製作表單驗證Vaildation

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

鐵人賽 開發技術 DAY 24
學習手機網站開發 系列 第 21

技術 Responsive Mobile Menu製作-Day 24

不使用JQuery Mobile,彈性的選單如何製作。 再不使用JQuery Mobile下,製作一個彈性下拉選單。 作法:利用JQuery去做,做好顯示一個選...

鐵人賽 開發技術 DAY 9

技術 jQuery套件開發(九),了解reflow的概念。

畫面繪製需要成本。 你了解觸發的時機嗎? 怎麼改善呢? 進來坐坐吧^^ <文章列表> IT人生組文章 --9/24 : 連鎖效應後的反思 - 瀏覽衝...

鐵人賽 Modern Web DAY 19

技術 第19車廂-娃!網頁必備的響應式輪播效果怎麼刻?

本篇分享簡易版的RWD的輪播效果功能 上一篇我們有簡約的使用tab做輪播,但一般想做的輪播應該會是做在Banner的,但偏偏新手的我,想在網路上找要不就是用...

鐵人賽 開發技術 DAY 29
學習手機網站開發 系列 第 26

技術 Bartender插件-Day 29

在Navbar導覽選單加入泡泡提示。 這個插件可以在Navbar新增提示泡泡。 demo:http://www.stokkers.mobi/valuables/...

鐵人賽 開發技術 DAY 20
學習手機網站開發 系列 第 17

技術 JQuery Mobile 文字欄位-Day 20

文字欄位在行動裝置上顯示相關輸入鍵的虛擬鍵盤。 JQuery Moblie支援基本的HTML5文字輸入控制項,以下是可用的文字輸入欄位 <input ty...

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

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

技術 JQuery Mobile 表單標籤設定-Day 10

行動網站上表單元件的用法基本上和HTML的表單元件沒有太大差異, 而在標籤上可以依據行動裝置可以去做一些設定。 在行動網頁裝置可以去做水平和群組化的設定。 ●&...

鐵人賽 Modern Web DAY 14

技術 第14車廂-點開看更多?tableRWD應用篇

本篇延續手刻tableRWD應用,將範例配合選取器改為響應式隱藏欄位並能展開 上幾篇介紹table神器後,是不是已經忘了我們手刻table系列哩?本系列相關...

鐵人賽 影片教學 DAY 29

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

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

鐵人賽 開發技術 DAY 21

技術 jQuery套件開發之(二十),tooltip

範例 http://ry.url.tw/wp/doc/a9.htm 今天來分享一個寫套件必經的練習套件 - tooltip 套件程式碼 ;(function (...

鐵人賽 開發技術 DAY 12
東之宿_網站開發 系列 第 12

技術 東之宿_開發日誌-13(版面設計軌跡-1)

謝謝Joseph Chung 謝謝那些在太陽這個年紀,還願意提醒太陽該注意什麼、該改善什麼的人。 太陽的想法很單純,他總認為...任何事情都不是難在怎麼做,而...

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

技術 Day 7 Mock 系統頁面開發

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

技術 JQuery 學習紀錄 ( 5 )

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

鐵人賽 開發技術 DAY 19

技術 jQuery套件開發之(十八),寫套件時,綁定事件要小心

前幾天寫套件的時候,不小心犯了一個綁定事件的錯誤 因為我寫的套件,都是以widget會很多的狀況來寫。 所以綁定事件的時候,通常有兩個方式 第一種 : 每一個w...

鐵人賽 開發技術 DAY 10

技術 jQuery套件開發(十),element放入DOM相關速度測試。

速度差異,將近十倍。 <文章列表> IT人生組文章 --9/25 : 瀏覽衝量十法(完) http://ithelp.ithome.com.tw/...

鐵人賽 開發技術 DAY 17
學習手機網站開發 系列 第 14

技術 JQuery Mobile較重要事件-Day 17

介紹幾個比較重要事件 1.mobileinit:可以利用它來擴展$.mobile或者修改默認配置。 →對mobileinit的綁定事件需要在引入jquery.m...

技術 東之宿_開發日誌-1

太陽要面對的問題有兩個,第一個問題比較小,就是「他不會美工」。第二個問題比較大,那就是「他不會網頁程式開發...」。 早在1987年美商Apple公司,所提出的...

鐵人賽 開發技術 DAY 24

技術 jQuery套件開發之(二十二),dialog~

單次觸發的物件要存在主要的element裡面 如果一次觸發 產生多個element 而且使用量都很吃重,可以考慮都存 直接看範例 http://ry.url.t...

鐵人賽 影片教學 DAY 28

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

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

鐵人賽 開發技術 DAY 27

技術 jQuery套件開發之(二十五),rySpriteMaker完成

因為常常要用css sprite做網頁動畫 所以利用這次的機會寫成套件 還滿開心自己設計的pattern考慮到滿多面向 基本上很合我用 套件原始碼 ;(func...

鐵人賽 Modern Web DAY 15

技術 第15車廂-data-*的坑?data-*介紹篇

本篇介紹data-*常用抓取方法,以及需注意的地方 我們在<第9車廂-使用content:attr()實現tableRWD應用篇>,其實已經有用...

鐵人賽 開發技術 DAY 23

技術 jQuery套件開發之(二一),回顧

忘記是鐵人賽哪一天才領悟 我現在寫的東西比較適合widget類的套件。 因為我這一個模式,都假設會產生元素放到畫面上。 然後元素綁定事件 我們探討過的機制有 (...

鐵人賽 開發技術 DAY 27
學習手機網站開發 系列 第 24

技術 JQM內嵌(inline)清單&圖示清單-Day 27

將LIST和其他html內容在一起顯示。 預設下通常list清單都會顯示全頁模式,下面作法是要將list和其他HTML內容混用,也可以達到多清單的樣式,每個ul...

鐵人賽 Modern Web DAY 24

技術 Day24::從零開始的jQuery 學習紀錄 -2-

將使用這的要求轉化成實際的專案需求是實作專案以及節省時間的重要技巧。 var pts = 250; var => 宣告變數pts => 變數名稱2...

鐵人賽 開發技術 DAY 8

技術 jQuery套件開發(八),怎麼樣把element 放進DOM中才好呢。

提升效能重要的觀念 如何提升element放進dom的速度呢? <文章列表> IT人生組文章 --9/23 : 推薦大家看半澤直樹 http://i...

鐵人賽 Modern Web DAY 28

技術 Day28::從零開始的jQuery 學習紀錄 -6-

什麼是變數? 程式碼會需要暫時儲存一些工作執行所需要的資料,它可以把這些資料存在變數中。儲存在變數中的資料是可變更的(或是可變化的),變數可以運用於表示程式碼中...

鐵人賽 開發技術 DAY 21
學習手機網站開發 系列 第 18

技術 日期欄位、文字訊息-Day 21

HTML5支援的日期欄位、自動增長的文字訊息欄位 HTML5新增了對日期欄位的支援,而JQuery Mobile也支援html5,所以直接指定input元素類型...