Suche senden
Hochladen
JQuery
•
1 gefällt mir
•
1,675 views
koji lin
Folgen
taiwan java user group JQuery
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 73
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Comprendre la programmation fonctionnelle, Blend Web Mix le 02/11/2016
Comprendre la programmation fonctionnelle, Blend Web Mix le 02/11/2016
Loïc Knuchel
es6.concurrency()
es6.concurrency()
Ingvar Stepanyan
ECMA2015 INSIDE
ECMA2015 INSIDE
Jun Ho Lee
Java & le pattern matching
Java & le pattern matching
Didier Plaindoux
Collection pipeline par Mathieu Godart
Collection pipeline par Mathieu Godart
CocoaHeads France
JUG.ua 20170225 - Java bytecode instrumentation
JUG.ua 20170225 - Java bytecode instrumentation
Anton Arhipov
1- Sourcecode Array
1- Sourcecode Array
Fajar Baskoro
F jxlo06xw
F jxlo06xw
Sorocaba City Halll
Empfohlen
Comprendre la programmation fonctionnelle, Blend Web Mix le 02/11/2016
Comprendre la programmation fonctionnelle, Blend Web Mix le 02/11/2016
Loïc Knuchel
es6.concurrency()
es6.concurrency()
Ingvar Stepanyan
ECMA2015 INSIDE
ECMA2015 INSIDE
Jun Ho Lee
Java & le pattern matching
Java & le pattern matching
Didier Plaindoux
Collection pipeline par Mathieu Godart
Collection pipeline par Mathieu Godart
CocoaHeads France
JUG.ua 20170225 - Java bytecode instrumentation
JUG.ua 20170225 - Java bytecode instrumentation
Anton Arhipov
1- Sourcecode Array
1- Sourcecode Array
Fajar Baskoro
F jxlo06xw
F jxlo06xw
Sorocaba City Halll
Clang-tidy: путешествие внутрь AST C++
Clang-tidy: путешествие внутрь AST C++
corehard_by
All set1
All set1
Sagar Yeole
珠三角技术沙龙新语言场 C++11
珠三角技术沙龙新语言场 C++11
翀 周
An introduction to functional programming with Go [redux]
An introduction to functional programming with Go [redux]
Eleanor McHugh
Proyecto Final Android-SQLite
Proyecto Final Android-SQLite
José Antonio Sandoval Acosta
デバッグ戦略
デバッグ戦略
Masahiro Wakame
RxSwift 예제로 감잡기
RxSwift 예제로 감잡기
Yongha Yoo
modern javascript, unobtrusive javascript, jquery
modern javascript, unobtrusive javascript, jquery
Adam Zygadlewicz
Testování prakticky
Testování prakticky
Filip Procházka
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
Ho Kim
EJEMPLOS DESARROLLADOS
EJEMPLOS DESARROLLADOS
Darwin Durand
program data rawat inap sederhana
program data rawat inap sederhana
Eghan Jaya
C# Starter L01-Intro and Warm-up
C# Starter L01-Intro and Warm-up
Mohammad Shaker
Java лаб13
Java лаб13
Enkhee99
Aplicacion turbogenerador java
Aplicacion turbogenerador java
José Antonio Sandoval Acosta
Тененёв Анатолий, Boost.Asio в алгоритмической торговле
Тененёв Анатолий, Boost.Asio в алгоритмической торговле
Platonov Sergey
[C++ Korea] Effective Modern C++ Study, Item 27, 29 - 30
[C++ Korea] Effective Modern C++ Study, Item 27, 29 - 30
Chris Ohk
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Ontico
変態的PHPフレームワーク rhaco
変態的PHPフレームワーク rhaco
makoto tsuyuki
Laporan ai modul 3-if b 2014-14102055-deprilana ego prakasa
Laporan ai modul 3-if b 2014-14102055-deprilana ego prakasa
Deprilana Ego Prakasa
サーバーサイドでの非同期処理で色々やったよ
サーバーサイドでの非同期処理で色々やったよ
koji lin
G1GC
G1GC
koji lin
Weitere ähnliche Inhalte
Was ist angesagt?
Clang-tidy: путешествие внутрь AST C++
Clang-tidy: путешествие внутрь AST C++
corehard_by
All set1
All set1
Sagar Yeole
珠三角技术沙龙新语言场 C++11
珠三角技术沙龙新语言场 C++11
翀 周
An introduction to functional programming with Go [redux]
An introduction to functional programming with Go [redux]
Eleanor McHugh
Proyecto Final Android-SQLite
Proyecto Final Android-SQLite
José Antonio Sandoval Acosta
デバッグ戦略
デバッグ戦略
Masahiro Wakame
RxSwift 예제로 감잡기
RxSwift 예제로 감잡기
Yongha Yoo
modern javascript, unobtrusive javascript, jquery
modern javascript, unobtrusive javascript, jquery
Adam Zygadlewicz
Testování prakticky
Testování prakticky
Filip Procházka
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
Ho Kim
EJEMPLOS DESARROLLADOS
EJEMPLOS DESARROLLADOS
Darwin Durand
program data rawat inap sederhana
program data rawat inap sederhana
Eghan Jaya
C# Starter L01-Intro and Warm-up
C# Starter L01-Intro and Warm-up
Mohammad Shaker
Java лаб13
Java лаб13
Enkhee99
Aplicacion turbogenerador java
Aplicacion turbogenerador java
José Antonio Sandoval Acosta
Тененёв Анатолий, Boost.Asio в алгоритмической торговле
Тененёв Анатолий, Boost.Asio в алгоритмической торговле
Platonov Sergey
[C++ Korea] Effective Modern C++ Study, Item 27, 29 - 30
[C++ Korea] Effective Modern C++ Study, Item 27, 29 - 30
Chris Ohk
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Ontico
変態的PHPフレームワーク rhaco
変態的PHPフレームワーク rhaco
makoto tsuyuki
Laporan ai modul 3-if b 2014-14102055-deprilana ego prakasa
Laporan ai modul 3-if b 2014-14102055-deprilana ego prakasa
Deprilana Ego Prakasa
Was ist angesagt?
(20)
Clang-tidy: путешествие внутрь AST C++
Clang-tidy: путешествие внутрь AST C++
All set1
All set1
珠三角技术沙龙新语言场 C++11
珠三角技术沙龙新语言场 C++11
An introduction to functional programming with Go [redux]
An introduction to functional programming with Go [redux]
Proyecto Final Android-SQLite
Proyecto Final Android-SQLite
デバッグ戦略
デバッグ戦略
RxSwift 예제로 감잡기
RxSwift 예제로 감잡기
modern javascript, unobtrusive javascript, jquery
modern javascript, unobtrusive javascript, jquery
Testování prakticky
Testování prakticky
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
EJEMPLOS DESARROLLADOS
EJEMPLOS DESARROLLADOS
program data rawat inap sederhana
program data rawat inap sederhana
C# Starter L01-Intro and Warm-up
C# Starter L01-Intro and Warm-up
Java лаб13
Java лаб13
Aplicacion turbogenerador java
Aplicacion turbogenerador java
Тененёв Анатолий, Boost.Asio в алгоритмической торговле
Тененёв Анатолий, Boost.Asio в алгоритмической торговле
[C++ Korea] Effective Modern C++ Study, Item 27, 29 - 30
[C++ Korea] Effective Modern C++ Study, Item 27, 29 - 30
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
Angular 2 не так уж и плох... А если задуматься, то и просто хорош / Алексей ...
変態的PHPフレームワーク rhaco
変態的PHPフレームワーク rhaco
Laporan ai modul 3-if b 2014-14102055-deprilana ego prakasa
Laporan ai modul 3-if b 2014-14102055-deprilana ego prakasa
Mehr von koji lin
サーバーサイドでの非同期処理で色々やったよ
サーバーサイドでの非同期処理で色々やったよ
koji lin
G1GC
G1GC
koji lin
Using armeria to write your RPC
Using armeria to write your RPC
koji lin
使用 Java 上的 future/promise API
使用 Java 上的 future/promise API
koji lin
Annotation processing and code gen
Annotation processing and code gen
koji lin
Jcconf
Jcconf
koji lin
Use Lambdas in Android
Use Lambdas in Android
koji lin
docker intro
docker intro
koji lin
Java8 time
Java8 time
koji lin
Java8 stream
Java8 stream
koji lin
Java8 lambda
Java8 lambda
koji lin
Idea13
Idea13
koji lin
CompletableFuture
CompletableFuture
koji lin
Raspberry Pi with Java
Raspberry Pi with Java
koji lin
Services you can use to monitor and analyze mobile app
Services you can use to monitor and analyze mobile app
koji lin
Programming with Threads in Java
Programming with Threads in Java
koji lin
山頂洞人日記 - 回歸到最純樸的開發
山頂洞人日記 - 回歸到最純樸的開發
koji lin
Android Location-based應用開發分享
Android Location-based應用開發分享
koji lin
Mehr von koji lin
(18)
サーバーサイドでの非同期処理で色々やったよ
サーバーサイドでの非同期処理で色々やったよ
G1GC
G1GC
Using armeria to write your RPC
Using armeria to write your RPC
使用 Java 上的 future/promise API
使用 Java 上的 future/promise API
Annotation processing and code gen
Annotation processing and code gen
Jcconf
Jcconf
Use Lambdas in Android
Use Lambdas in Android
docker intro
docker intro
Java8 time
Java8 time
Java8 stream
Java8 stream
Java8 lambda
Java8 lambda
Idea13
Idea13
CompletableFuture
CompletableFuture
Raspberry Pi with Java
Raspberry Pi with Java
Services you can use to monitor and analyze mobile app
Services you can use to monitor and analyze mobile app
Programming with Threads in Java
Programming with Threads in Java
山頂洞人日記 - 回歸到最純樸的開發
山頂洞人日記 - 回歸到最純樸的開發
Android Location-based應用開發分享
Android Location-based應用開發分享
JQuery
1.
Jiayun Zhou 2008.11.22
TWJUG
2.
JavaScript Library
3.
4.
5.
6.
7.
8.
9.
10.
Query
11.
Database?
12.
SQL?
13.
Select...
14.
15.
document.getElementById(quot;idquot;)
16.
document.getElementById(quot;idquot;) jQuery:
$(quot;#idquot;)
17.
The jQuery function
$(...) = jQuery(...)
18.
document.getElementsByTagName
(quot;divquot;)
19.
document.getElementsByTagName
(quot;divquot;) jQuery: $(quot;divquot;)
20.
<input name=quot;mailquot; type=quot;textquot;
/> document.getElementsByName (quot;mailquot;)
21.
<input name=quot;mailquot; type=quot;textquot;
/> document.getElementsByName (quot;mailquot;) jQuery: $(quot;input[name='mail']quot;)
22.
<input name=quot;mailquot; type=quot;textquot;
/> document.getElementsByName (quot;mailquot;) jQuery: $(quot;*[name='mail']quot;)
23.
The power of
Selectors
24.
25.
$(quot;*[name='mail']quot;)
26.
27.
$(...)
28.
29.
30.
jQuery Object
31.
32.
All the magic
33.
34.
Attributes API
35.
$(quot;imgquot;).attr(quot;srcquot;) $(quot;imgquot;).attr(quot;srcquot;, quot;/new/icon.pngquot;)
36.
Traversing API
37.
Manipulation API
38.
$(quot;divquot;).html() $(quot;divquot;).html(quot;<span class='red'>Hello
<b>World</b></span>quot;)
39.
CSS API
40.
$(quot;divquot;).css(quot;colorquot;) $(quot;divquot;).css(quot;colorquot;,quot;redquot;)
41.
Events API
42.
$(quot;pquot;).click(fn) $(quot;pquot;).click(function() { //
do something }); $(quot;pquot;).click()
43.
Effects API
44.
$(quot;pquot;).show() $(quot;pquot;).hide()
45.
Ajax API
46.
$(quot;pquot;).load( url, [data],
[callback] ) $(quot;pquot;).load(quot;another.htmlquot;)
47.
48.
Chaining
49.
$(quot;aquot;).attr(quot;hrefquot;, quot;foo.htmlquot;).show().html(quot;fooquot;);
50.
Ex. 1 –
Mousedown
51.
52.
53.
$(document).ready(function(){ $(quot;aquot;).mousedown(
function() { $(this).click(function () { return false; }); goURL($(this).attr(quot;hrefquot;)); }); });
54.
55.
$(document).ready(function(){ $(quot;a[target='middlearea']quot;).mousedown(
function() { $(this).click(function () { return false; }); goIframeURL($(this).attr(quot;hrefquot;)); }); });
56.
57.
$(document).ready(function(){ $(quot;a[target!='middlearea']quot;).mousedown(
function() { $(this).click(function () { return false; }); goURL($(this).attr(quot;hrefquot;)); }); });
58.
Try it yourself
59.
60.
Demo 1
61.
Ex. 2 –
Marquee
62.
63.
$(document).ready(function(){ $.ajaxSetup({
cache: false }); setTimeout(quot;loadInfo()quot;, 60000); setTimeout(quot;loadMar()quot;, 60000); });
64.
function loadInfo() {
$(quot;#infoULquot;).load(quot;header.do?method=infoquot;, null, infoCallback); } function loadMar() { $(quot;#marquot;).load(quot;header.do?method=marqueequot;, null, marCallback); }
65.
function infoCallback(responseText, textStatus,
XMLHttpRequest) { setTimeout(quot;loadInfo()quot;, 60000); } function marCallback(responseText, textStatus, XMLHttpRequest) { setTimeout(quot;loadMar()quot;, 60000); }
66.
Demo 2
67.
Ex. 3 –
On Idle Action
68.
69.
70.
include.jsp $(document).ready(function(){ $(quot;iframequot;).load(function(){
$.cookie('lastAction', new Date().getTime()); }); });
71.
index.jsp $(document).ready(function(){ setTimeout(quot;checkLastAction()quot;,
60000); });
72.
function checkLastAction() {
var interval = new Date().getTime() - $.cookie('lastAction'); if (interval > (20 * 60 * 1000)) { $(quot;iframe[name='bodyFrame']quot;) .attr(quot;contentWindowquot;).location.href = $(quot;iframe[name='bodyFrame']quot;).attr(quot;srcquot;); $.cookie('lastAction', new Date().getTime()); } setTimeout(quot;checkLastAction()quot;, 60000); }
73.
Thanks
Jetzt herunterladen