Your SlideShare is downloading. ×
jQuery入門
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

jQuery入門

2,968
views

Published on

jQuery入門的教學文件,未來會陸續修正其內容,有任何建議歡迎聯絡。

jQuery入門的教學文件,未來會陸續修正其內容,有任何建議歡迎聯絡。


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,968
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
39
Comments
0
Likes
1
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
    Lecturer-Allen
  • 2. 簡介
    jQuery是一套 JavaScript的 Library,因此,你必須稍具 JavaScript 的基礎,至少寫過一些 JavaScript 才比較容易上手,並且看得懂後續的教學。
    jQuery的核心程式並非包山包海、什麼都可以幫你做,相反地,jQuery主要是用在 DOM文件的操作,包含「快速選取元素(Element)」並且「做一些事情」,快速選取元素可以讓你一次選取單一或多個的元素,然後你可以將這些被選取的元素 做一些改變,例如隱藏、顯示等等。
    此外 jQuery的核心程式還加強了非同步傳輸(AJAX)以及事件(Event)的功能,讓你更容易操作遠端文件及事件。
  • 3. 再談談 jQuery 的好
    1.官方文件詳細。(重要)2. 簡潔不笨重,壓縮後大約15KB (v1.2.6)。3. 只要你有 JavaScript 的基礎,不用再多去學習一大堆新語法。4. 不用去煩惱跨瀏覽器的問題,jQuery已經幫你作好了。(IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+)5. 支援CSS3選擇器。6. 社群活躍,你可以有很多人家寫好免費的 plugin用。7. 跟其它 library 一起使用也不衝突。(jQuery.noConflict())8. jQuery UI 幫你漂亮搞定 (Web 2.0?) 網站使用者介面。
  • 4. jQuery 網站
    Min版本在瀏覽器打開後會重新編碼一次,但對於伺服器負擔較輕。
  • 5. 開始使用
    • 在HTML中嵌入JavaScript檔案
  • jQuery 架構
    jQuery程式最好放置document之中
    Function的方法也一樣可以使用。
  • 6. jQuery 怎麼用來「快速選取元素」並且「做一些事情」呢?
    請看看程式碼:
    $("div").addClass("special");
    移除Class removeClass(class)
    以下符號的代表是?
    (# .input)
    div#body
    div.body
    div > div
    解釋:選取div id 為 body 的 <div>
    解釋:選取 divclass 為 body 的 <div>
    解釋:選取被 <div> 包住的下一層 <div>
  • 7. 控制CSS屬性
  • 8. 驗證事件
  • 9. 觸發事件
  • 10. DOM
  • 11. DOM 大家庭
  • 12. 作業
    jQuery 表單驗證
  • 13. 教學網站
    MSDN「邊做邊學」系列
    jQuery - Write less, Do more
    SOHTANAKA