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

Advanced

[講義] jQuery講義

106-2《中國》竹視傳二C-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[講義] jQuery講義

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計  網頁設計與語法（HTML/CSS）  102-2《中國》竹視傳二A-進階網頁設計  102-2《中國》竹視傳二C-進階網頁設計  103-2《中國》竹視傳二A-進階網頁設計  103-2《中國》竹視傳二B-進階網頁設計
  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]



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic