jquery學習筆記1

jQuery設計理念

ajax鏈式操做

var jqxhr = $.ajax( "example.php" )
  .done(function() { alert("success"); })
  .fail(function() { alert("error"); })
  .always(function() { alert("complete"); });

頁面元素操做

$("p").removeClass("myClass noClass").addClass("yourClass");
$("ul li:last").addClass(function(index) {
   return"item-" + index;
});
$('.container').append($('h2'));

jQuery總體架構

 

jQuery一共13個模塊，

    // 核心方法
    // 回調系統
    // 異步隊列
    // 數據緩存
    // 隊列操做
    // 選擇器引
    // 屬性操做
    // 節點遍歷
    // 文檔處理
    // 樣式操做
    // 屬性操做
    // 事件體系
    // AJAX交互
    // 動畫引擎

從2.1版開始jQuery支持經過AMD模塊劃分，jQuery在最開始發佈的1.0版本是很簡單的，只有CSS選擇符、事件處理和AJAX交互3大塊。其發展過程當中，有幾回重要的變革：

    ☑  1.2.3 版發佈，引入數據緩存，解決循環引用與大數據保存的問題
    ☑  1.3 版發佈，它使用了全新的選擇符引擎Sizzle，在各個瀏覽器下全面超越其餘同類型JavaScript框架的查詢速度，程序庫的性能也所以有了極大提高
    ☑  1.5 版發佈，新增延緩對像(Deferred Objects)，並用deferred重寫了Ajax模塊
    ☑  1.7 版發佈，抽象出回調對象，提供了強大的的方式來管理回調函數列表。

 

jQuery文檔針對業務層的Ajax的處理提供了一系列的門面接口：
.ajaxComplete()
.ajaxError()
.ajaxSend()
.ajaxStart()
.ajaxStop()
.ajaxSuccess()

底層接口：
jQuery.ajax()
jQuery.ajaxSetup()

快捷方法：
jQuery.get()
jQuery.getJSON()
jQuery.getScript()
jQuery.post()

// jQuery的寫法
var $jQuery = function(selector, context) {
  return new $jQuery.fn.init(selector, context);
}

$jQuery.fn = $jQuery.prototype = {
  init: function() {
    this.name = 'aaron'
    return this;
  },
  constructor: $jQuery
}

var $a = $jQuery();

console.log('$jQuery的調用')
console.log($a);