JinJin 的視覺設計專區 - jQuery http://mepopedia.com/forum/list.php?1497 Wed, 29 Apr 2026 10:21:41 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?1497,45619,45619#msg-45619 [講義] jQuery講義 (no replies) http://mepopedia.com/forum/read.php?1497,45619,45619#msg-45619
  1. 1. jQuery概述
  2. 2. jQuery參考網站
  3. 3. jQuery練習效果參考
  4. 4. jQuery參考語法
  5. 5. 上課影音

1. jQuery概述


jQuery UI是在jQuery JavaScript庫之上構建的一組精選的用戶界面交互，效果，小部件和主題。無論是構建高度交互的Web應用程序，還是只需要向表單控件添加日期選擇器，jQuery UI都是理想選擇。

jQuery的口號是 write less, do more(寫得更少，實現的更多)

jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。


[hr]

2. jQuery參考網站



http://jquery.com/

jQuery UI / jQuery介面上課練習頁面：https://jqueryui.com/

下載：http://jquery.com/download/
技術文件：http://api.jquery.com/


[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html

jQuery 語法
「快速選取元素」並且「做一些事情」
$("div").fadeIn(2000); 選取文件內所有的 div元素，以兩秒鐘的速度淡入出現

[hr]

3. jQuery練習效果參考


http://mepopedia.com/~jinjin/ex/hw02-jquary/

[hr]

4. jQuery參考語法


淡入效果
<head> <!--jQuery 語法--> <link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $(function() { $( "#wrapper" ).hide(); $( "#wrapper" ).fadeIn(2000); }); </script> </head>
[hr]

5. 上課影音


jQuery介紹
http://youtu.be/EmRAG1VT3Cg



[hr]
jQuery簡介-tabs範例介紹
http://youtu.be/9EMiLNCmm1M



[hr]]]> JinJin jQuery Tue, 29 Apr 2014 11:40:59 +0800