Your SlideShare is downloading. ×

用jQuery玩弄你的網頁1

2,048

Published on

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,048
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
52
Comments
0
Likes
10
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×