11/17/2009

First touch jQuery

jQuery是個javascript Library,讓程式人員寫較少的code完成所需功能。
官網:http://jquery.com/
官網說明:
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

下面是個簡單的例子,學著網上其它先進做出來的範例。




上方效果若看不到請參考



Step by Step
1.使用jQuery要先Download jQuery API,它是個javascript檔。有幾個版本。以jQuery 1.3.2為例
  • jQuery Minified - 是去掉空白,註解的精簡版本,適用在上線的系統。
  • jQuery Regular - 是標準版本,適用在開發時較容易觀看它原始的code。

2.import js檔到html上。


3.在html的body裡加上下方的tag

4.html的head裡加入下方的javascript

沒有留言:

張貼留言