[免費教學影片] 30 天學會 jQuery
在場曾經學過 HTML、CSS、JavaScript 的朋友,一定對 jQuery 很好奇吧?我也是因為一次工作機會,被「逼」著學 jQuery 之後,就深深愛上它了!
要我一言以蔽之它有什麼好處可能很難,我這麼說吧:
1. 大量函式庫:寫一行 jQuery,可能得用 JavaScript 寫十幾行。
2. JavaScript 原始碼、但使用 CSS 的套用法則。
第 2 點我解釋一下:使用 JavaScript,你免不了得在 HTML 內,要套用 JavaScript 的那個標籤上,寫各式各樣 onClick="..." 之類的觸發函數。但若你對 CSS 熟,你就知道 CSS 規則可以完全抽離 .html 檔,然後用 a {...} .myClass {...} 之類的套用規則(CSS 叫它 Selector),把另一個檔的 CSS 正確套入指定的 HTML 標籤中。
jQuery 就是借用了 CSS 這種套用規則!而且語法幾乎完全一樣。只是它肚子裡的東西,從一堆 CSS 屬性,換成另一堆 jQuery 函數,或 JavaScript 原始碼而已。如此一來,jQuery 就能另存於其他檔案,完全「不弄髒」 HTML,你也不會跟你們家的視覺設計師,爭吵某個 Bug 是否因為對方亂插 HTML 或 JavaScript,讓版面(或功能)跑掉了。
上次曾經申請過 Tuts+ 免費帳號、看「給大忙人用的 Android」課程的人,這次可以繼續使用不必新申請帳號喔!沒申請過的,只要申請一下(免費的),就可以觀看全部 29 部、共 8 小時的影音教學囉!
希望大家喜歡!
30 Days to Learn jQuery (Free, Login required):
https://courses.tutsplus.com/courses/30-days-to-learn-jquery
「jquery onclick」的推薦目錄:
- 關於jquery onclick 在 紀老師程式教學網 Facebook 的精選貼文
- 關於jquery onclick 在 jQuery.click() vs onClick - javascript - Stack Overflow 的評價
- 關於jquery onclick 在 Set of jQuery .onclick functions - Code Review Stack Exchange 的評價
- 關於jquery onclick 在 Example onclick jQuery - gists · GitHub 的評價
- 關於jquery onclick 在 Understanding the jQuery Click Event - YouTube 的評價
- 關於jquery onclick 在 jQuery - Onclick event listner for dynamically added elements 的評價
- 關於jquery onclick 在 slick - the last carousel you'll ever need - Ken Wheeler 的評價
jquery onclick 在 Set of jQuery .onclick functions - Code Review Stack Exchange 的推薦與評價
Perhaps change the HTML: Navitem: <span class="navItem" data-content-id="1"></span>. The content ... <看更多>
jquery onclick 在 Example onclick jQuery - gists · GitHub 的推薦與評價
Example onclick jQuery. GitHub Gist: instantly share code, notes, and snippets. ... <看更多>
jquery onclick 在 jQuery.click() vs onClick - javascript - Stack Overflow 的推薦與評價
... <看更多>