1. 用 jQuery 玩弄你的網頁 (1)
kewang

2. Agenda
●
JavaScript
●
DOM
●
CSS Selector
2

3. JavaScript
3

4. 10 年前 ...
4

5. 網站建置百寶箱
5

6. 網站建置百寶箱
6

7. 工欲善其事，必先利其器
●
Firefox 系列
– Web Developer + Firebug
●
IE 系列
– IE Developer Toolbar
●
IE6 below
– ...... 投降
7

8. Hello World
8

9. Hello Maxense
9

10. Variables
10

11. Function
11

12. Confirm
12

13. Prompt
13

14. Document
Object Model
14

15. DOM tree
●
Document Object Model
●
操作所有在網頁上的物件
15

16. DOM - document
16

17. DOM - document
17

18. DOM Level 0
Event Model
18

19. DOM Level 0 Event Model
19

20. DOM Level 0 Event Model
20

21. DOM Level 0 Event Model
21

22. DOM Level 2
Event Model
22

23. DOM Level 2 Event Model
23

24. Internet
Explorer Event
Model
24

25. Internet Explorer Event Model
25

26. addEvent() by Koch
26

27. Unobtrusive
JavaScript
27

28. Unobtrusive JavaScript
28

29. Unobtrusive JavaScript
Graceful Degradation
29

30. CSS Selector
30

31. CSS Selector
●
和 DOM 相輔相成
●
利用 CSS 的特性，操作網頁上的所有物件
31

32. CSS Selector - #id
32

33. CSS Selector - element
33

34. CSS Selector - .class
34

35. CSS Selector - .class.class
35

36. CSS Selector - *
36

37. CSS Selector - multi-selector
37

38. CSS Selector - ancestor
descendant
38

39. CSS Selector - parent > child
39

40. CSS Selector - prev + next
40

41. CSS Selector - prev ~ siblings
41

42. CSS Selector - Basic Filters
42

43. CSS Selector - :even
43

44. CSS Selector - :eq
44

45. CSS Selector - Content Filters
45

46. CSS Selector - :contains(text)
46

47. CSS Selector - :has(selector)
47

48. CSS Selector - Visibility Filters
48

49. CSS Selector - Attribute Filters
49

50. CSS Selector - [attribute]
50

51. CSS Selector - [attribute=value]
51

52. CSS Selector - [attribute^=value]
52

53. CSS Selector - multi-attribute
53

54. CSS Selector - Child Filters
54

55. CSS Selector - :nth-child
55

56. CSS Selector - :only-child
56

57. CSS Selector - Forms
57

58. CSS Selector - :text
58

59. CSS Selector - :radio
59

60. CSS Selector - Form Filters
60

61. CSS Selector - :enabled
61

62. CSS Selector - :checked
62