jQuery簡介




1.jQuery簡介:
    write less,do more
    jQuery是一套跨瀏覽器的JavaScript庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發佈第一個版本。
目前是由 Dave Methvin 領導的開發團隊進行開發。全球前10000個訪問最高的網站中,有59%使用了jQuery,是目前最受歡迎的JavaScript庫。

2.特點
    動態特效
    AJAX
    通過插件來擴展
    方便的工具 - 例如瀏覽器版本判斷
    漸進增強
    鏈式調用
    多瀏覽器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了對Internet Explorer6,7,8的支持)
3.jQuery1.x與jQuery2.x區別
    jQuery2.x不再支持ie6,7,8
    “But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8.”引用jQuery官網的說法,
    jQuery的支持舊的瀏覽器的1.x分支將繼續得到支持,並且支持舊瀏覽器的jQuery1.10也即將到來。
    “In the future, we will be maintaining feature parity between 1.10 and 2.0, 1.11 and 2.1, etc.”繼續引用官網的說法,
    jQuery團隊將平等的對待1.x分支和2.x分支,並且儘量保持1.x分支和2.x分支間API差異的最小化。
    所以說ie6,7,8並沒有被拋棄,如果你的網站需要顧及ie低版本用戶,可以引用1.x分支到項目裏。
    那麼2.0的發佈意義何在呢?因爲犧牲了一部分兼容性,2.0更加輕量化,速度更快,並適應非網站場景。
4.javaScript與jQuery對象的區別和轉換
    1)jQuery 對象
        jQuery 對象就是通過 jQuery($()) 包裝 DOM 對象後產生的對象
        jQuery 對象是 jQuery 獨有的. 如果一個對象是 jQuery 對象, 那麼它就可以使用 jQuery 裏的方法: $(“#persontab”).html();
        jQuery 對象無法使用 DOM 對象的任何方法, 同樣 DOM 對象也不能使用 jQuery 裏的任何方法
        約定:如果獲取的是 jQuery 對象, 那麼要在變量前面加上 $.  
            var $variable = jQuery 對象
            var variable  = DOM 對象
    2)jQuery 對象轉成 DOM 對象
        jQuery 對象不能使用 DOM 中的方法, 但如果 jQuery 沒有封裝想要的方法, 不得不使用 DOM 對象的時候,
 有如下兩種處理方法:
            (1) jQuery 對象是一個數組對象, 可以通過 [index] 的方法得到對應的 DOM對象. 
         var $src = $("#src");
  var src = $src[0];
            (2) 使用 jQuery 中的 get(index) 方法得到相應的 DOM 對象                       
         var $src = $("#src");
  var src = $src.get(0);
    3)DOM 對象轉成 jQuery 對象
        對於一個 DOM 對象, 只需要用 $() 把 DOM 對象包裝起來(jQuery 對象就是通過 jQuery 包裝 DOM 對象後產生的對象),
        就可以獲得一個 jQuery 對象.
            var src = document.getElementById("src");
     var $src = $(src);
       轉換後就可以使用 jQuery 中的方法了
5.jQuery 選擇器
    其他的查詢JQuery手冊

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章