Change History
Message: [講義] jQuery講義
Changed By: JinJin
Change Date: October 09, 2019 09:49AM
[講義] jQuery講義
Change Date: October 09, 2019 09:49AM
[講義] jQuery講義
<h2> jQuery概述</h2>
jQuery UI是在jQuery JavaScript庫之上構建的一組精選的用戶界面交互，效果，小部件和主題。無論是構建高度交互的Web應用程序，還是只需要向表單控件添加日期選擇器，jQuery UI都是理想選擇。
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
<h2> jQuery參考網站</h2>
http://jquery.com/
<b>jQuery UI / jQuery介面上課練習頁面：https://jqueryui.com/</b>
下載：http://jquery.com/download/
技術文件：http://api.jquery.com/
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
jQuery 語法
「快速選取元素」並且「做一些事情」
<xmp>$("div").fadeIn(2000); </xmp>
選取文件內所有的 div元素，以兩秒鐘的速度淡入出現
[hr]
<h2> jQuery練習效果參考</h2>
http://mepopedia.com/~jinjin/ex/hw02-jquary/
[hr]
<h2> jQuery參考語法</h2>
<b>淡入效果</b>
<xmp><head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#wrapper" ).hide();
$( "#wrapper" ).fadeIn(2000);
});
</script>
</head>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
"//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
ry-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>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
<b>jQuery簡介-tabs範例介紹</b>
http://youtu.be/9EMiLNCmm1M
<iframe width="853" height="480" src="//www.youtube.com/embed/9EMiLNCmm1M?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
jQuery UI是在jQuery JavaScript庫之上構建的一組精選的用戶界面交互，效果，小部件和主題。無論是構建高度交互的Web應用程序，還是只需要向表單控件添加日期選擇器，jQuery UI都是理想選擇。
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
<h2> jQuery參考網站</h2>
http://jquery.com/
<b>jQuery UI / jQuery介面上課練習頁面：https://jqueryui.com/</b>
下載：http://jquery.com/download/
技術文件：http://api.jquery.com/
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
jQuery 語法
「快速選取元素」並且「做一些事情」
<xmp>$("div").fadeIn(2000); </xmp>
選取文件內所有的 div元素，以兩秒鐘的速度淡入出現
[hr]
<h2> jQuery練習效果參考</h2>
http://mepopedia.com/~jinjin/ex/hw02-jquary/
[hr]
<h2> jQuery參考語法</h2>
<b>淡入效果</b>
<xmp><head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#wrapper" ).hide();
$( "#wrapper" ).fadeIn(2000);
});
</script>
</head>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
"//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
ry-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>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
<b>jQuery簡介-tabs範例介紹</b>
http://youtu.be/9EMiLNCmm1M
<iframe width="853" height="480" src="//www.youtube.com/embed/9EMiLNCmm1M?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
Changed By: JinJin
Change Date: October 07, 2019 09:11PM
[講義] jQuery講義
Change Date: October 07, 2019 09:11PM
[講義] jQuery講義
<h2> jQuery概述</h2>
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。
jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
<h2> jQuery參考網站</h2>
範例網站：2013-第12屆新人王網站設計大賽第一名作品
http://www.funtaipei.tw/
使用工具
Notepad++ http://notepad-plus-plus.org/zh/
http://jquery.com/
下載：http://jquery.com/download/
技術文件：http://api.jquery.com/
介面：https://jqueryui.com/
jQuery Mobile Gallery
http://www.jqmgallery.com/
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
jQuery 語法
「快速選取元素」並且「做一些事情」
<xmp>$("div").fadeIn(2000); </xmp>
選取文件內所有的 div元素，以兩秒鐘的速度淡入出現
[hr]
<h2> jQuery練習效果參考</h2>
[hr]
<h2> jQuery參考語法</h2>
<xmp><head>
<!--網站基底網址-->
<base href="........." />
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
$( "#accordion" ).accordion();
});
</script>
</head>
</xmp>
<b>淡入效果</b>
<xmp><head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#main" ).hide();
$( "#main" ).fadeIn(2000);
<h2> jQuery概述</h2>
jQuery UI是在jQuery JavaScript庫之上構建的一組精選的用戶界面交互，效果，小部件和主題。無論是構建高度交互的Web應用程序，還是只需要向表單控件添加日期選擇器，jQuery UI都是理想選擇。
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
<h2> jQuery參考網站</h2>
http://jquery.com/
<b>jQuery UI / jQuery介面上課練習頁面：https://jqueryui.com/</b>
下載：http://jquery.com/download/
技術文件：h<b>jQuery範例說明--以FunTaipei為例</b>
http://youtu.be/Bx_5bsxL7nQ
<iframe width="853" height="480" src="//www.youtube.com/embed/Bx_5bsxL7nQ?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
jQuery 語法
「快速選取元素」並且「做一些事情」
<xmp>$("div").fadeIn(2000); </xmp>
選取文件內所有的 div元素，以兩秒鐘的速度淡入出現
ery動態網頁初探作業說明</b>
http://youtu.be/ScKyR0mrh1s
<iframe width="853" height="480" src="//www.youtube.com/embed/ScKyR0mrh1s?rel=0" frameborder="0" allowfullscreen></iframe><h2> jQuery練習效果參考</h2>
http://mepopedia.com/~jinjin/ex/hw02-jquary/
[hr]
<h2> jQuery參考語法</h2>
<b>淡入效果</b>
<xmp><head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#wrapper" ).hide();
$( "#wrapper" ).fadeIn(2000);
});
</script>
</head>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
<b>jQuery簡介-tabs範例介紹</b>
http://youtu.be/9EMiLNCmm1M
<iframe width="853" height="480" src="//www.youtube.com/embed/9EMiLNCmm1M?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]t>
<script>
$(function() {
$( "#wrapper" ).hide();
$( "#wrapper" ).fadeIn(2000);
});
</script>
</head>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
<b>jQuery簡介-tabs範例介紹</b>
http://youtu.be/9EMiLNCmm1M
<iframe width="853" height="480" src="//www.youtube.com/embed/9EMiLNCmm1M?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。
jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
<h2> jQuery參考網站</h2>
範例網站：2013-第12屆新人王網站設計大賽第一名作品
http://www.funtaipei.tw/
使用工具
Notepad++ http://notepad-plus-plus.org/zh/
http://jquery.com/
下載：http://jquery.com/download/
技術文件：http://api.jquery.com/
介面：https://jqueryui.com/
jQuery Mobile Gallery
http://www.jqmgallery.com/
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
jQuery 語法
「快速選取元素」並且「做一些事情」
<xmp>$("div").fadeIn(2000); </xmp>
選取文件內所有的 div元素，以兩秒鐘的速度淡入出現
[hr]
<h2> jQuery練習效果參考</h2>
[hr]
<h2> jQuery參考語法</h2>
<xmp><head>
<!--網站基底網址-->
<base href="........." />
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
$( "#accordion" ).accordion();
});
</script>
</head>
</xmp>
<b>淡入效果</b>
<xmp><head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#main" ).hide();
$( "#main" ).fadeIn(2000);
<h2> jQuery概述</h2>
jQuery UI是在jQuery JavaScript庫之上構建的一組精選的用戶界面交互，效果，小部件和主題。無論是構建高度交互的Web應用程序，還是只需要向表單控件添加日期選擇器，jQuery UI都是理想選擇。
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
<h2> jQuery參考網站</h2>
http://jquery.com/
<b>jQuery UI / jQuery介面上課練習頁面：https://jqueryui.com/</b>
下載：http://jquery.com/download/
技術文件：h<b>jQuery範例說明--以FunTaipei為例</b>
http://youtu.be/Bx_5bsxL7nQ
<iframe width="853" height="480" src="//www.youtube.com/embed/Bx_5bsxL7nQ?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/thread-63-1-1.html
jQuery 語法
「快速選取元素」並且「做一些事情」
<xmp>$("div").fadeIn(2000); </xmp>
選取文件內所有的 div元素，以兩秒鐘的速度淡入出現
ery動態網頁初探作業說明</b>
http://youtu.be/ScKyR0mrh1s
<iframe width="853" height="480" src="//www.youtube.com/embed/ScKyR0mrh1s?rel=0" frameborder="0" allowfullscreen></iframe><h2> jQuery練習效果參考</h2>
http://mepopedia.com/~jinjin/ex/hw02-jquary/
[hr]
<h2> jQuery參考語法</h2>
<b>淡入效果</b>
<xmp><head>
<!--jQuery 語法-->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#wrapper" ).hide();
$( "#wrapper" ).fadeIn(2000);
});
</script>
</head>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
<b>jQuery簡介-tabs範例介紹</b>
http://youtu.be/9EMiLNCmm1M
<iframe width="853" height="480" src="//www.youtube.com/embed/9EMiLNCmm1M?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]t>
<script>
$(function() {
$( "#wrapper" ).hide();
$( "#wrapper" ).fadeIn(2000);
});
</script>
</head>
</xmp>
[hr]
<h2>上課影音</h2>
<b>jQuery介紹</b>
http://youtu.be/EmRAG1VT3Cg
<iframe width="853" height="480" src="//www.youtube.com/embed/EmRAG1VT3Cg?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
<b>jQuery簡介-tabs範例介紹</b>
http://youtu.be/9EMiLNCmm1M
<iframe width="853" height="480" src="//www.youtube.com/embed/9EMiLNCmm1M?rel=0" frameborder="0" allowfullscreen></iframe>
[hr]
Changed By: JinJin
Change Date: May 13, 2015 09:29AM
[講義] jQuery講義
Change Date: May 13, 2015 09:29AM
[講義] jQuery講義
Changed By: JinJin
Change Date: May 13, 2015 09:29AM
[講義] jQuery講義
Change Date: May 13, 2015 09:29AM
[講義] jQuery講義
Changed By: JinJin
Change Date: May 01, 2014 11:10PM
[講義] jQuery講義
Change Date: May 01, 2014 11:10PM
[講義] jQuery講義
Changed By: JinJin
Change Date: April 29, 2014 10:47PM
[講義] jQuery講義
Change Date: April 29, 2014 10:47PM
[講義] jQuery講義
Changed By: JinJin
Change Date: April 29, 2014 10:47PM
[講義] jQuery講義
Change Date: April 29, 2014 10:47PM
[講義] jQuery講義
Changed By: JinJin
Change Date: April 29, 2014 02:05PM
[講義] jQuery講義
Change Date: April 29, 2014 02:05PM
[講義] jQuery講義
Original Message
作者: JinJinDate: April 29, 2014 11:40AM
[講義] jQuery講義
jQuery概述
jQuery的口號是 write less, do more(寫得更少，實現的更多)
jQuery是一套運用JavaScript來與HTML和CSS進行互動的新方法，了解CSS的概念，便能輕鬆的學習這套程式庫。
jQuery對跨瀏覽器的支援完整，可支援複雜動畫並實現風視覺效果。
[hr]
jQuery參考網站
範例網站：2013-第12屆新人王網站設計大賽第一名作品
http://www.funtaipei.tw/
使用工具
Notepad++ http://notepad-plus-plus.org/zh/
http://jquery.com/
下載：http://jquery.com/download/
技術文件：http://api.jquery.com/
介面：https://jqueryui.com/
jQuery Mobile Gallery
http://www.jqmgallery.com/
http://www.jqmgallery.com/
[hr]
jQuery 教學 - 基礎篇
http://jsgears.com/t
淡入效果
[hr]
上課影音
jQuery介紹
http://youtu.be/EmRAG1VT3Cg
[hr]
jQuery簡介-tabs範例介紹
http://youtu.be/9EMiLNCmm1M
[hr]
MEPO forum
is powered by Phorum.