iT邦幫忙

jquery相關文章
共有 325 則文章

技術 29.jQuary之特效篇

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

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

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

技術 27.jQuary之操作DOM物件

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

技術 26.jQuary

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

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

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

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

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

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

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

鐵人賽 自我挑戰組 DAY 17

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 自我挑戰組 DAY 7

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

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

技術 ㊙️千萬不要轉職前端工程師 ! ?

嗨,大家好,我是前端工程師(小宇) 我身邊的朋友常常問我說,成為前端工程師學歷是不是一定要有相關的資訊背景才會被公司錄取?我可以肯定的說不用,我面試多家公司的經...

技術 [實戰之jQuery] flatpickr的年份輸入(number input)無痛轉換成下拉(select)

話說在使用falcon admin template時,裡面有搭配到flatpickr v4做為日期/時間的選取器 雖然相較jQuery的datetimepic...

徵才 【徵才】Java 軟體工程師/ JAVA Developer

公司簡介PCCW Solutions 電訊盈科企業方案是 PCCW 電訊盈科集團 (香港上市公司 0008.HK) 旗下的 IT 服務公司,亦是於亞太地區各行...

技術 前端小試身手(4)--it幫發文「一眼全覽」

目錄 前端小試身手(1)--幫「發問/發文頁」新增"編輯"鈕~ 前端小試身手(2)--it幫跳轉到最佳解答 前端小試身手(3)--增添系列文...

技術 JS筆記-使用ajax傳送表單(ex.傳送google表單)

資訊爆炸 在網路上發問要找到真知灼見的解答 機率偏低 很多是來亂的很多講了一個沒用的廢話/幹話就拍屁股走了甚至亂嗆人 擺姿態的亂源一堆 這並不是自學者的...

鐵人賽 Software Development DAY 20
台南不需要米其林 系列 第 20

技術 Day20 前後端分離最後一哩路 前端頁面實作

摘要 前兩天已經實作初步的API,讓我們可以取得店家的資料,今天要實作前後端分離的前端頁面。本次實作不會使用前端框架,而是使用原生JS語法和JQuery,來調整...

鐵人賽 Modern Web DAY 6

技術 用 HTML, CSS, jQuery來做「動態進度條」

這次的有用到jQuery,讓進度條動起來! HTML 有使用到data-寫法~ <div class="tool-chart" da...

鐵人賽 Modern Web DAY 2

技術 Day 2 - 為什麼要用 jQuery

前言 今天的主角是 jQuery 很多人看到 jQuery 會直接聯想到「落伍」的老科技,甚至搞不好最近才開始學前端的人,會連這個名詞都沒聽過。 雖然現在 jQ...

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

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

技術 jQuery -jsPDF - html匯出PDF

step1.import script.js2.add export_content <div id="export_content"...

鐵人賽 Modern Web DAY 29

技術 第29車廂-倒數一篇!人人有獎~抽獎抽起來了各位!

本篇分享自製一個簡易抽獎程式碼啦!---以JQ為例 ▼完成圖如下 為了讓大家比較好懂,程式碼用這張圖解釋 附上程式碼 https://codepen.i...

鐵人賽 Modern Web DAY 26

技術 第26車廂-眼睛眨啊眨~登入密碼的顯示/隱藏應用篇

本篇介紹現行登入密碼欄位,旁邊都有一個小眼睛,是如何點一下就秀出密碼的呢? ▼ 完成圖如下 首先先準備我們的小眼睛, Font Awesome 使用方式 官...

鐵人賽 Modern Web DAY 24

技術 第24車廂-翻起來惹!頁面翻頁效果turn.js應用篇

本篇介紹可實現翻頁效果的turn.js基本參數及基本用法 :哈囉!:(叫誰?):叫你啦!:喔。怎?:不知道你會不會有這樣的需求?要你做一個像是電子書可以翻頁...

鐵人賽 Modern Web DAY 22

技術 第22車廂-模仿大賽—仿IT邦幫忙:Sticky Nav應用篇

本篇介紹固定navBar應用篇—仿IT邦幫忙 每進入iT邦幫忙網站,忍不住都會滑一下卷軸吧?上方header算是常見的網頁效果,所以今天要來模仿一下,iT邦...

鐵人賽 永豐金融APIs DAY 21

技術 [Day21] 第二十一章 - 使用Ajax來做登入API界接

前言 昨天我們把登入頁面套上了bootstrap我們這次把jqury補上去接者透過ajax做登入回傳到profile.blade.php 顯示使用者資料 目標...

鐵人賽 Modern Web DAY 21

技術 第21車廂-input全選/取消全選功能底加啦!

本篇介紹常用的全選/取消全選功能---jquery應用篇 在input的世界裡,最常做的就是抓值/取值,不然就是做全選/取消全選功能吧?在一般文章介紹裡 不...

鐵人賽 Modern Web DAY 20

技術 第20車廂-你知道slick.js輪播套件可以這樣用?

本篇介紹使用slick.js輪播套件應用在兩列以上的輪播功能以及介紹slickGoTo()方法 線上輪播套件有很多,自己常用的除了有slick,還有Owl...

鐵人賽 Modern Web

技術 Day 31 | 常見 Livewire 問題: jQuery 在渲染時會打回原形

jQuery 在大多數的專案中都不可或缺,在沒有 Livewire 之前要修改畫面都要靠它來手動更改。但使用了 Livewire 後,Livewire 的渲染機...

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Security DAY 19

技術 [Day19 ] Prototype Pollution - Prototype汙染

前言 你使用過Prototype,那你知道它可以被汙染嗎? 正文 概念 Javascript的物件透過Prototype機制相互繼承功能(屬性、方法),這種Ob...

鐵人賽 Modern Web DAY 18

技術 第18車廂-動ㄘ動ㄘ!tab頁籤切換+輪播應用篇

本篇介紹透過bootstrap4直接使用tab切換功能,並且實作tab切換自動循環播放 我們在昨篇<第17車廂-超實用!tab頁籤切換:data-應用...