Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[講義] jQuery講義

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]



Edited 8 time(s). Last edit at 10/09/2019 09:49AM by JinJin.
(編輯記錄)