Soumettre la recherche
Mettre en ligne
jQuery easy use
•
0 j'aime
•
594 vues
DesBear Li
Suivre
for fine arts department students
Lire moins
Lire la suite
Internet
Signaler
Partager
Signaler
Partager
1 sur 39
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
J Query基础教程
J Query基础教程
yiditushe
Oppiminen online 03112016
Oppiminen online 03112016
akorhonen
Regional security in the eastern mediterranean
Regional security in the eastern mediterranean
Nicolai Due-Gundersen
Pre-Implementation
Pre-Implementation
Seyed Ali Mohammad Taheri
Weathering
Weathering
ശ്യാം ആനൂർ
Spy levels 08.06.2015
Spy levels 08.06.2015
Anthoni Raj
Toyota Kata - Making continuos improvement our competitive advantage.
Toyota Kata - Making continuos improvement our competitive advantage.
Tilo Schwarz
2016-2025
2016-2025
Vlad Shulaev
Contenu connexe
En vedette
אלעד גולדנברג: הופכות עולמות. נשים מובילות את תרבות המסחר העולמי החדש ב 2014 ...
אלעד גולדנברג: הופכות עולמות. נשים מובילות את תרבות המסחר העולמי החדש ב 2014 ...
Elad Goldenberg
Street Fighting Data Science
Street Fighting Data Science
Benedikt Köhler
Маркетинг 2015 - основни правила за малкия и среден бизнес
Маркетинг 2015 - основни правила за малкия и среден бизнес
Justine Toms
Il giro d'Italia in #80giorni
Il giro d'Italia in #80giorni
Palazzo Chigi - Governo Italiano
Virální marketing
Virální marketing
Pavel Herman
Ashish Nagar
Ashish Nagar
Ashish Nagar
שירותי מוסך רייך
שירותי מוסך רייך
מרכז שירות רייך
Havis september 2014 updated
Havis september 2014 updated
havissmonthly
My p0rtfolio in ed tech
My p0rtfolio in ed tech
Anjaaaaa
ചാന്ദ്രദിന ക്വിസ്. GHSS PERINGOTTUKURISSI
ചാന്ദ്രദിന ക്വിസ്. GHSS PERINGOTTUKURISSI
Rafeek Tmk
სკოლების ბრენდირება
სკოლების ბრენდირება
Khatuna Tsikhelashvili
"Ora et Labora" la Via Francigena in provincia di Pavia @BIT2016
"Ora et Labora" la Via Francigena in provincia di Pavia @BIT2016
Emanuela Marchiafava
I certificati bianchi: i casi di studio, Pierantonio Fiorentino
I certificati bianchi: i casi di studio, Pierantonio Fiorentino
AREA Science Park
How Change Agents Worldwide Works out Loud in the Cloud
How Change Agents Worldwide Works out Loud in the Cloud
Change Agents Worldwide
Del viajero social al Wearable
Del viajero social al Wearable
Rafael Perez Revilla
En vedette
(15)
אלעד גולדנברג: הופכות עולמות. נשים מובילות את תרבות המסחר העולמי החדש ב 2014 ...
אלעד גולדנברג: הופכות עולמות. נשים מובילות את תרבות המסחר העולמי החדש ב 2014 ...
Street Fighting Data Science
Street Fighting Data Science
Маркетинг 2015 - основни правила за малкия и среден бизнес
Маркетинг 2015 - основни правила за малкия и среден бизнес
Il giro d'Italia in #80giorni
Il giro d'Italia in #80giorni
Virální marketing
Virální marketing
Ashish Nagar
Ashish Nagar
שירותי מוסך רייך
שירותי מוסך רייך
Havis september 2014 updated
Havis september 2014 updated
My p0rtfolio in ed tech
My p0rtfolio in ed tech
ചാന്ദ്രദിന ക്വിസ്. GHSS PERINGOTTUKURISSI
ചാന്ദ്രദിന ക്വിസ്. GHSS PERINGOTTUKURISSI
სკოლების ბრენდირება
სკოლების ბრენდირება
"Ora et Labora" la Via Francigena in provincia di Pavia @BIT2016
"Ora et Labora" la Via Francigena in provincia di Pavia @BIT2016
I certificati bianchi: i casi di studio, Pierantonio Fiorentino
I certificati bianchi: i casi di studio, Pierantonio Fiorentino
How Change Agents Worldwide Works out Loud in the Cloud
How Change Agents Worldwide Works out Loud in the Cloud
Del viajero social al Wearable
Del viajero social al Wearable
Similaire à jQuery easy use
jQuery入門
jQuery入門
鈺棠 徐
J query基础教程(1~2章)
J query基础教程(1~2章)
dong bichao
JQuery Mobile 框架介紹與使用
JQuery Mobile 框架介紹與使用
EZoApp
程式人雜誌 -- 2015 年1月號
程式人雜誌 -- 2015 年1月號
鍾誠 陳鍾誠
JQuery Mobile 框架介紹與使用 20140713
JQuery Mobile 框架介紹與使用 20140713
EZoApp
向jquery学习
向jquery学习
jay li
How tovuejs
How tovuejs
Daniel Chou
咩星征服計劃 用 Js 征服地球Part VI
咩星征服計劃 用 Js 征服地球Part VI
羊 小咩 (lamb-mei)
Modern Web Development Introduction
Modern Web Development Introduction
John Chou
Yahoo! 應用程式 (YAP) 在前端的開發
Yahoo! 應用程式 (YAP) 在前端的開發
Joseph Chiang
J Query简介及入门指南
J Query简介及入门指南
AppZ
Similaire à jQuery easy use
(11)
jQuery入門
jQuery入門
J query基础教程(1~2章)
J query基础教程(1~2章)
JQuery Mobile 框架介紹與使用
JQuery Mobile 框架介紹與使用
程式人雜誌 -- 2015 年1月號
程式人雜誌 -- 2015 年1月號
JQuery Mobile 框架介紹與使用 20140713
JQuery Mobile 框架介紹與使用 20140713
向jquery学习
向jquery学习
How tovuejs
How tovuejs
咩星征服計劃 用 Js 征服地球Part VI
咩星征服計劃 用 Js 征服地球Part VI
Modern Web Development Introduction
Modern Web Development Introduction
Yahoo! 應用程式 (YAP) 在前端的開發
Yahoo! 應用程式 (YAP) 在前端的開發
J Query简介及入门指南
J Query简介及入门指南
Plus de DesBear Li
Vital UI kit
Vital UI kit
DesBear Li
符合時代的介面設計潮流
符合時代的介面設計潮流
DesBear Li
走在前面,看見世界的設計
走在前面,看見世界的設計
DesBear Li
Bear gss experiences shareing
Bear gss experiences shareing
DesBear Li
GSS Cloud Services Portal new design introduction
GSS Cloud Services Portal new design introduction
DesBear Li
2014 GSS solution day - ID Bear
2014 GSS solution day - ID Bear
DesBear Li
Bear RWD
Bear RWD
DesBear Li
GSS FED 別亂來交給我們來 Bear
GSS FED 別亂來交給我們來 Bear
DesBear Li
Web basic
Web basic
DesBear Li
Videgree-新增工作
Videgree-新增工作
DesBear Li
Videgree-首頁說明
Videgree-首頁說明
DesBear Li
愛顧客 分享茶會 感動行銷
愛顧客 分享茶會 感動行銷
DesBear Li
中小企業使用經驗分享 愛報告茶會 Alan_20120112
中小企業使用經驗分享 愛報告茶會 Alan_20120112
DesBear Li
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
DesBear Li
愛報告 分享茶會 簡報大綱-20111212上鼎
愛報告 分享茶會 簡報大綱-20111212上鼎
DesBear Li
Plus de DesBear Li
(15)
Vital UI kit
Vital UI kit
符合時代的介面設計潮流
符合時代的介面設計潮流
走在前面,看見世界的設計
走在前面,看見世界的設計
Bear gss experiences shareing
Bear gss experiences shareing
GSS Cloud Services Portal new design introduction
GSS Cloud Services Portal new design introduction
2014 GSS solution day - ID Bear
2014 GSS solution day - ID Bear
Bear RWD
Bear RWD
GSS FED 別亂來交給我們來 Bear
GSS FED 別亂來交給我們來 Bear
Web basic
Web basic
Videgree-新增工作
Videgree-新增工作
Videgree-首頁說明
Videgree-首頁說明
愛顧客 分享茶會 感動行銷
愛顧客 分享茶會 感動行銷
中小企業使用經驗分享 愛報告茶會 Alan_20120112
中小企業使用經驗分享 愛報告茶會 Alan_20120112
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛你業績好分享茶會 part4 不景氣的業績突圍術-2
愛報告 分享茶會 簡報大綱-20111212上鼎
愛報告 分享茶會 簡報大綱-20111212上鼎
jQuery easy use
1.
jQuery Bear Lee 1 1
2.
jQuery? 其實Flash花俏的樣子,其中最重要的Action Script正是很類似javascript的,他們都屬於 ECMA Script 2 2
3.
jQuery? 然而javascript不像Flash是一個被打包好的東 西,所以解釋它的東西不是它自己。 開放標準總是會遇到這種事情。 3 3
4.
jQuery? jQuery是Javascript的Library中的一種。 它讓我們能更輕易的透過它幫忙解決掉跨瀏覽 器的Javascript差異。 4 4
5.
only jQuery? 除了jQuery外事實上,javascript Library不只 有jQuery而已,還有諸如 Yahoo
UI(YUI),Prototype, Mootool, Ext.js 等等 5 5
6.
only jQuery? 除了jQuery外事實上,javascript Library不只 有jQuery而已,還有諸如 Yahoo
UI(YUI),Prototype, Mootool, Ext.js 等等 jQuery擅長處理Dom結構。 5 5
7.
only jQuery? 除了jQuery外事實上,javascript Library不只 有jQuery而已,還有諸如 Yahoo
UI(YUI),Prototype, Mootool, Ext.js 等等 jQuery擅長處理Dom結構。 輕巧、社群持續活躍。 5 5
8.
jquery <script src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.1/jquery.min.js"></script> 6 6
9.
<script src=”js/your.js”></script> 7 7
10.
in your.js $(document).ready(function() { 頁面載入後你要寫的js內容 }); 8 8
11.
in your.js $(document).ready(function() { 頁面載入後你要寫的js內容 }); DOMContentLoaded 8 8
12.
$ $() = jQuery() 9 9
13.
$ $() = jQuery() var
$j = jQuery.noConflict(); $j(document).ready(function({ 內容 }); 9 9
14.
$("div") 選取的方式用很多種,大部分CSS中先進的選取 器都支援 10 10
15.
#bear>li>a 11 11
16.
#bear>li>a #bear:first #bear:last 11 11
17.
#bear>li>a #bear:first #bear:last #bear:first-child #bear:last-child 11 11
18.
#bear>li>a #bear:first #bear:last #bear:first-child #bear:last-child #bear:odd奇數
#bear:even偶數 11 11
19.
#bear>li>a #bear:first #bear:last #bear:first-child #bear:last-child #bear:odd奇數
#bear:even偶數 #bear:conains(fish) 11 11
20.
#bear[href] 有href的#bear #bear[href=fish.png]值是fish.png #bear[href^= ‘fi’]以fi開頭 #bear[href$=
‘.png’] 以.png結尾 12 12
21.
#bear[href] 有href的#bear #bear[href=fish.png]值是fish.png #bear[href^= ‘fi’]以fi開頭 #bear[href$=
‘.png’] 以.png結尾 #bear[href*= ‘fish’] 只要有fish 12 12
22.
$("#bear").addClass(“gss”); <div id=”bear” class=”gss”>(・ั(
)・ั)</div> 13 13
23.
$("#bear").css(‘height’,‘100px’); $("#bear").css( { ‘background-color’ : 'yellow', ‘font-size’
: '120%' } ); 14 14
24.
animate $("#bear").animate( {opacity:’0’,width:‘960px’}, {queue:false,duration:300}); 先控制要它變得css,接著寫執行的過程時間 queue:false代表後面若有動作會同時執行 15 15
25.
click $('#bear').click(function(){ 點了之後要他做的事 } ); 16 16
26.
toggle,Hover $('#bear').toggle( ! ! !
function(){ $(this).addClass("star-off"); $(this).removeClass("star-on");}, ! ! ! ! function(){ $(this).addClass("star-on"); ! ! ! $(this).removeClass("star-off"); }); 17 17
27.
append $('#bear').append( ‘<div class=”sport”> (・ั(
)・ั) </div>’ ); 直接給Bear一個新的東西 18 18
28.
append var fish =
$(‘#fish’); $(document).ready(function() { $('#bear').append(fish);}); 給Bear一個頁面中的東西,會帶走餵給Bear 19 19
29.
plugin 這是一點我比較常用到的。 接著我們看一些jQuery Plugin 20 20
30.
superfish http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started 21 21
31.
superfish <script type="text/javascript" src="superfish.js"></script> <script> $(document).ready(function()
{ $('ul.menu').superfish(); }); </script> http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started 21 21
32.
Lightbox http://planetozh.com/projects/lightbox-clones/ 22 22
33.
TOp up http://gettopup.com/ 23 23
34.
TOp up http://gettopup.com/ 23 23
35.
Coda-slider http://www.ndoherty.biz/demos/coda-slider/2.0/ 24 24
36.
Spritely http://spritely.net/download/ 25 25
37.
Spritely http://spritely.net/download/ $('#bird') .sprite({fps: 8, no_of_frames:
3}) .spRandom({ top: 70, left: 100, right: 200, bottom: 340, speed: 4000, pause: 3000 }); 25 25
38.
More http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for- jquery-lovers/ http://masonry.desandro.com/ http://uniformjs.com/ 26 26
39.
so jQuery讓我們做到很多特別的動態效果甚至 是CSS選擇器, 一些還未支援的CSS3技術也能模擬支援 然而JS的效能依然不能用過頭。 特別是jQuery這類工具,在不夠了解JS的情 況下亦會大大拖垮網站效能。 27 27
Télécharger maintenant