iT邦幫忙

jquery相關文章
共有 326 則文章
鐵人賽 自我挑戰組 DAY 29

技術 Day29 網頁前端-刻意練習(模仿遊戲#2)

Day29 六角 模仿遊戲#2 簡單小語 一開始看到這個版就覺得很酷可以記錄信用卡資訊,稍微玩了一下動畫起初覺得有難的感覺,但實際寫下去才發現兩行就可以完成了...

鐵人賽 Modern Web DAY 24
33歲轉職者的前端筆記 系列 第 24

技術 33歲轉職者的前端筆記-DAY 24 jQuery DOM 節點

jQuery 與 DOM 節點 .parent() / .parents() 往上層找到符合條件的元素,parent() 只往⾃⼰上⼀層找,⽽ parents...

鐵人賽 自我挑戰組 DAY 22

技術 Day22 網頁前端-刻意練習(Off Canvas #1)

Day22 六角 Off Canvas #1 簡單小語 選單選單選單,各式各樣,基礎練習不能少,每次在RWD時的menu轉換都是一種練習,掌握每個物件的位置及...

技術 Day39 網頁前端-持續練習(刻不容緩)

Day39 刻不容緩 簡單小語 這個樣板算是目前最大挑戰,看似簡單但細節超級多,中間又卡了一個出遊因此進度落後,趕快補起來,許多地方並沒有樣板這樣如此細膩及滑...

鐵人賽 自我挑戰組 DAY 23

技術 Day23 網頁前端-刻意練習(Off Canvas #2)

Day23 六角 Off Canvas #2 簡單小語 CodePen看看高手們的OffCanvas的模樣,一看到這個照片的樣板,就決定嘗試做做看了,做完發現...

鐵人賽 自我挑戰組 DAY 20

技術 Day20 網頁前端-刻意練習(Flex時光屋#2)

Day20 六角 Flex時光屋#2 簡單小語 自己切了這個版,才發現原來Bootstrap真的很好用,觸發的事件自己寫過才知道,要如何去撰寫,要如何設計架構...

鐵人賽 自我挑戰組 DAY 26

技術 Day26 網頁前端-刻意練習(RWD#2)

Day26 六角 RWD #2 簡單小語 這次看到了兩個版型就毫不猶豫合併並且加入最近所學的JS功能(ToDoList及Time Clock),這個heade...

技術 Day33 網頁前端-持續練習(透明人間)

Day33 透明人間 簡單小語 這個練習只看到,哇透明的header並用fixed的方式,不過萬萬沒想到,還是忘記該如何製作透明模糊背景,經過Google後又...

鐵人賽 自我挑戰組 DAY 18

技術 Day18 網頁前端-刻意練習(履歷表#3)

Day18 AC 履歷表#3 簡單小語 剛好切到這個版面時學習了基礎Github,因此也把連結放上來,算是小小練習,這個版面一看到就非常吸引我,原因到現在都不...

鐵人賽 自我挑戰組 DAY 19

技術 Day19 網頁前端-刻意練習(Flex時光屋#1)

Day19 六角 Flex時光屋#1 簡單小語 看到當時時光屋練習的作品,想說挑兩個來整併,當作練習的機會,這次的結構不一樣的是,header及footer使...

技術 Day32 網頁前端-持續練習(玩轉同樂)

Day32 玩轉同樂 簡單小語 最近莫名看到這種特效很炫的就會想要寫來練習,又是為元素的應用,當然還有flex的排版,大致上沒太大問題,不過現在對於Body的...

技術 【前端web】離開表單之前詢問是否要儲存

經過實作後,情境如下 打開表單頁面,在沒有點擊任何輸入元素的情況下,直接關閉此瀏覽器的分頁。這時候不會詢問是否要儲存。 打開表單頁面,點擊任何輸入元素,會被瀏...

鐵人賽 自我挑戰組 DAY 24

技術 Day24 網頁前端-刻意練習(Off Canvas #3)

Day24 六角 Off Canvas #3 簡單小語 沒想到OffCanvas練習了三篇,看到這個版覺得有趣,立馬又想寫一個,雖然有些效果不同但大部分應該是...

鐵人賽 Modern Web DAY 15
33歲轉職者的前端筆記 系列 第 15

技術 33歲轉職者的前端筆記-DAY 15 jQuery 基礎語法

什麼是jQuery 由js發開出來的函式庫 可以解決瀏覽器相容的問題 雖然由js開發出來,但不完全等於js,只是用jQuery的語法寫出來而已 引入方式:下載...

鐵人賽 自我挑戰組 DAY 27

技術 Day27 網頁前端-刻意練習(RWD#3)

Day27 六角 RWD#3 簡單小語 圖片的版型看到就想要練習,又看到這種斜一邊然後小尺寸變正的圖片縮放樣式,模糊效果及觸及事件,看到就忍不這想趕快學習並實...

技術 :nth-child() 為什麼是從1開始不是從0開始

之前上課時jQuery講師說到: :nth-child(b) b要從1開始,不知道為什麼 比如$('tr td:nth-child(2)').css('ba...

鐵人賽 Modern Web DAY 16
33歲轉職者的前端筆記 系列 第 16

技術 33歲轉職者的前端筆記-DAY 16 使用 jQuery 寫出動畫效果

新增畫面及移除畫面 點擊show時會呈現以下結果: 點擊hide時會呈現以下結果(消失了): jQuery 程式碼可以這樣寫: <script>...

鐵人賽 自我挑戰組 DAY 17

技術 Day17 - 告別 jQuery:現代開發不可或缺的 JavaScript 方法

原文連結:jQueryへの別れ:現代的な開発のための必須JavaScriptメソッド - Qiita 有時在工作上,需要維護一些比較早期的專案,或開發小型不...

技術 jQuery ajax

JSP 工作上常用到的方法,特別發文紀錄一下。這次的工作室要做 倉庫的實際盤點工作,這小段代碼是要把一些 "物品的儲存位置" (簡稱儲位)...

鐵人賽 Modern Web DAY 12

技術 【Day12】讓網頁動起來(2)元老級插件jQuery!

上一篇中,我們淺談了JavaScript的基礎,但想要更加深入JS的領域,光有基礎的概念是遠遠不夠的。因此,本篇將為您借紹JS中的最受歡迎的元老級插件 ── j...

技術 28.使用jQuery變更CSS樣式

一、.css()->css("CSS屬性名稱"); //取得第一個符合之元素的CSS樣式->css("CSS屬性名稱&...

鐵人賽 Modern Web DAY 22
打造你的第一個網站 系列 第 22

技術 第二十二天:引用jQuery至專案中

何謂jQuery?維基百科上面這樣介紹: jQuery是一套跨瀏覽器的JavaScript函式庫,用於簡化HTML與JavaScript之間的操作。在我們寫網頁...

技術 26.jQuary

JQuery是一個快速、功能強大的JavaScript函式庫,透過它可以讓許多操作變得容易,如操作文件、選擇文件物件元素、處理事件、建立特效、使用Ajax技術程...

技術 29.jQuary之特效篇

1).hide() //用於隱藏符合的元素,選擇的元素會變得不可見,但仍會占用相同的空間。->$(selector).hide();->$(sele...

鐵人賽 Modern Web DAY 23
打造你的第一個網站 系列 第 23

技術 第二十三天 jQuery腳本開發

jQuery的腳本我們在剛剛開起的main.js中開發,起手式 $(".toggler").click(); $()是jQuery選擇函數...

技術 27.jQuary之操作DOM物件

DOM全稱為 Document Object Model(文件物件模型)是一種表示和操作HTML、XML等文件結構的程式化方式。它將文件視為一個樹狀結構,允許程...