2011年9月5日 星期一

寫的少、做的多-jQuery


    前陣子因為CASE需要,開始研究javascript,進而得知一個JavaScript的一個Framework:jQuery

一直以來都是自己操刀寫程式,其實不太清楚Framework可以幹嘛,所以上網看看大家對他的評價。疑?其實很多大網頁都有使用framework來協助開發,就連google都有,所以自己也開始研究看看。


如果你想要學jQuery可以看這篇文章,裡面有簡單的介紹了一下jQuery;
其實jQuery在社群上的討論很豐富,上網可以找到很多資料,加上官方網站的Reference寫的很好,所以邊查找邊做,就可以馬上上手,如果不知道怎麼練習,還是可以買本書。

為什麼我們要使用jQuery,而不直接撰寫JavaScript?

  • 平常我們在寫的JavaScript,有很大部分的時間在操作DOM,DOM的結構就像是一個Tree,如果想要獲得裏面的資料或是CSS,就必須要使用他的函式去慢慢的尋找,常常有時候會花費很多行程式,在node之間往返。
  • 內容繁瑣:
    如果你想要拿到裏面的資料,除了使用他的結構外,也可以自己定義他的id,這樣就減少了很多麻煩嘛?錯!你在拿取一個id的node內的東西時,需要撰寫一堆程式,例如:
    <div id="target"> .... </div>
    JavaScript:
        var target = document.getElementById('target').innerHTML;
    jQuery:
        $('#target').html();
    怎麼樣?是不是相對快很多
  • jQuery滿足你的特殊癖好:
    「如果我想要選的結構只有基數個、或是只含有特定的東西怎麼辦?」
    如果用JavaScript就必須依照你的需求去慢慢的寫出自己的程式碼,但是jQuery的API內定義好了很多常見的選擇子,滿足你大部分的需求。
  • jQuery有兼顧各瀏覽器的相容性:
    我想有做web dev的都知道在瀏覽器之間周旋的痛苦,jQuery有對瀏覽器的相容性做調校。


說了這麼多,不如現在開始拿本書,好好學習簡單的jQuery,除了可以減少你網頁內的程式碼,更可以優化你網站的使用者體驗哦!

最後,
雖然我還只是個jQuery新手,但歡迎找我一起討論:D。

沒有留言:

張貼留言